0

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 の各関数を使用して、最初の span.youtube 要素をクラス ar の先頭に追加するにはどうすればよいですか? またはappendTo？私はそれぞれjqueryを使用しようとしますが、すべてのspan.youtube要素は同じになります

$(.IntroText).find(span.youtube).each(function(){$(this).appendTo('.IntroText')}
4

3 に答える 3

1

最初の要素を移動したい場合は、要素span.youtubeを繰り返し処理し、次のよう.IntroTextに最初に見つける必要がありますspan.youtube。

$('.IntroText').each(function (i) {
    var $this = $(this);
    $this.before($this.find('span.youtube:first'));
});

span.youtubeこれにより、各要素の前に最初の要素が移動し.IntroTextます。必要に応じて使用すること.after()もできます。

変更後のマークアップを確認できる jsFiddle の例を次に示します。

于 2013-08-16T14:42:07.337 に答える