JQuery - Как я могу использовать каждый appendTo или prependTo (Закрыть)
HTML-код
<div class="ar">
<div class="IntroText">
xxxxxxxxxxx
<span class="youtube">
<object =xxxxxxxxxxxxxxxxxxxxxxxx>
</object>
</span>
xxxxxxxxxxx
xxxxx
</div>
</div>
<div class="ar">
<div class="IntroText">
xxxxxxxxxxx
xxxxxxxxxxx
xxxxx
</div>
</div>
<div class="ar">
<div class="IntroText">
xxxxxxxxxxx
<span class="youtube">
<object =xxxxxxxxxxxxxxxxxxxxxxxx>
</object>
</span>
<span class="youtube">
<object =xxxxxxxxxxxxxxxxxxxxxxxx>
</object>
</span>
xxxxxxxxxxx
xxxxx
</div>
</div>
Как использовать jQuery, каждая функция добавляет к элементу ar первый элемент span.youtube? или приложение? Я пытаюсь использовать jquery каждый, но все элементы span.youtube пойдут одинаково
$(.IntroText).find(span.youtube).each(function(){$(this).appendTo('.IntroText')}
3 ответа
Если вы хотите двигаться первым span.youtube
элемент, то вы должны перебрать .IntroText
элементы и найти в первую очередь span.youtube
как это;
$('.IntroText').each(function (i) {
var $this = $(this);
$this.before($this.find('span.youtube:first'));
});
Это движется первым span.youtube
элемент перед каждым .IntroText
элемент. Ты можешь использовать .after()
тоже, если это то, что вам нужно.
Вот пример jsFiddle, который вы можете увидеть разметку после модификации.
$(function(){
$('.IntroText').find('span.youtube').each(function(){$('<p>prepend sometext</p>').prependTo(this)});
$('.IntroText').find('span.youtube').each(function(){$('<p>append sometext</p>').appendTo(this)});
});
Это очень неуклюже, но похоже, что это работает:
http://jsfiddle.net/lharby/ZSdXS/
$('.IntroText span.youtube').each(function(){
$('.IntroText').append(this);
});
Это то, что вы ищете?
Вам нужно обернуть html-элементы, идентификаторы и классы в одинарные или двойные кавычки внутри функции.