якорный тег добавляется несколько раз к дочернему тегу
У меня есть следующий HTML-код, который содержит изображения, встроенные в ссылки. Я пытаюсь добавить ахор тег в div, однако якорные теги добавляются несколько раз. это мой код оригинал
{amp}lt;div id="Banner" style="display: block; position: relative;"{amp}gt; {amp}lt;div id="Settings" style="height: auto; width: 100%;"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;div {amp}gt; {amp}lt;a href="/id=10052{amp}amp;;way=ban"{amp}gt; {amp}lt;img src="/hours.jpg"{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div{amp}gt; {amp}lt;a href="/id=10220{amp}amp;amp;way=ban"{amp}gt; {amp}lt;img src="/rq.jpg"{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt;
Теперь я пытаюсь добавить еще один тег привязки следующим образом ожидаемый результат
{amp}lt;div id="Banner" style="display: block; position: relative;"{amp}gt; {amp}lt;div id="Settings" style="height: auto; width: 100%;"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;div {amp}gt; {amp}lt;a href="#" class="previous"{amp}gt;{amp}lt;/a{amp}gt; // tag to come in {amp}lt;a href="/id=10052{amp}amp;;way=ban"{amp}gt; {amp}lt;img src="/hours.jpg"{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div{amp}gt; {amp}lt;a href="#" class="previous"{amp}gt;{amp}lt;/a{amp}gt; // tag to come in {amp}lt;a href="/id=10220{amp}amp;amp;way=ban"{amp}gt; {amp}lt;img src="/rq.jpg"{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt;
это мой код, который я попробовал
var container = $($('#Banner').children('div')); var previous = $('{amp}lt;a href="#" class="previous"{amp}gt;'); previous.appendTo(container);
и это то, что происходит
{amp}lt;div id="Banner" style="display: block; position: relative;"{amp}gt; {amp}lt;div id="Settings" style="height: auto; width: 100%;"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;div {amp}gt; {amp}lt;a href="#" class="previous"{amp}gt;{amp}lt;/a{amp}gt; // tag to come in {amp}lt;a href="#" class="previous"{amp}gt;{amp}lt;/a{amp}gt; //added multiple times {amp}lt;a href="#" class="previous"{amp}gt;{amp}lt;/a{amp}gt; {amp}lt;a href="#" class="previous"{amp}gt;{amp}lt;/a{amp}gt; {amp}lt;a href="#" class="previous"{amp}gt;{amp}lt;/a{amp}gt; {amp}lt;a href="/id=10052{amp}amp;;way=ban"{amp}gt; {amp}lt;img src="/hours.jpg"{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div{amp}gt; {amp}lt;a href="#" class="previous"{amp}gt;{amp}lt;/a{amp}gt; // tag to come in {amp}lt;a href="#" class="previous"{amp}gt;{amp}lt;/a{amp}gt; {amp}lt;a href="#" class="previous"{amp}gt;{amp}lt;/a{amp}gt; //added multiple times {amp}lt;a href="#" class="previous"{amp}gt;{amp}lt;/a{amp}gt; {amp}lt;a href="#" class="previous"{amp}gt;{amp}lt;/a{amp}gt; {amp}lt;a href="#" class="previous"{amp}gt;{amp}lt;/a{amp}gt; {amp}lt;a href="#" class="previous"{amp}gt;{amp}lt;/a{amp}gt; {amp}lt;a href="#" class="previous"{amp}gt;{amp}lt;/a{amp}gt; {amp}lt;a href="#" class="previous"{amp}gt;{amp}lt;/a{amp}gt; {amp}lt;a href="/id=10220{amp}amp;amp;way=ban"{amp}gt; {amp}lt;img src="/rq.jpg"{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt;
он продолжает добавлять тег несколько раз. Что я делаю неправильно?