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/SXBwh/1/

Это очень неуклюже, но похоже, что это работает:

http://jsfiddle.net/lharby/ZSdXS/

$('.IntroText span.youtube').each(function(){
   $('.IntroText').append(this);
});

Это то, что вы ищете?

Вам нужно обернуть html-элементы, идентификаторы и классы в одинарные или двойные кавычки внутри функции.

Другие вопросы по тегам