javascript — тег привязки, добавляемый несколько раз к дочернему элементу div

якорный тег добавляется несколько раз к дочернему тегу

У меня есть следующий 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; 

он продолжает добавлять тег несколько раз. Что я делаю неправильно?

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector