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()。

Here是一个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和类。

Jquery - 如何使用每个appendTo或prependTo（Close）

3 个答案: