jquery - Jquery - 如何使用每个 appendTo 或 prependTo（关闭）

Question

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？或追加？我尝试使用 jquery，但所有 span.youtube 元素都会相同

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

Answer 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 示例，您可以看到修改后的标记。

Answer 2

$(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/

Answer 3

这非常笨重，但看起来它正在工作：

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

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

那是你要找的吗？

您需要在函数内用单引号或双引号将 html 元素、id 和类包裹起来。