jquery .each()循环

Question

我想阅读".vm-video-title"-divs中的所有链接,并将它们分别发布在同一个div中.所以我制作了这个剧本:

$('.vm-video-title').each(function(i) {//all divs
    $(this).html($(this).html()+$("div.vm-video-title>a").text());//add to div the link
    });

但我有问题,它读取所有div的所有链接,并将它们放在一个div中.

例:

<div class="vm-video-title"><a href="...">Text1</a></div>
<div class="vm-video-title"><a href="...">Text2</a></div>
<div class="vm-video-title"><a href="...">Text3</a></div>

输出:

<a href="...">Text1</a>Text1Text2Text3
<a href="...">Text2</a>Text1Text2Text3
<a href="...">Text3</a>Text1Text2Text3

想要输出:

<a href="...">Text1</a>Text1
<a href="...">Text2</a>Text2
<a href="...">Text3</a>Text3

Answer 1

您可以<a>直接选择元素,并使用after()^[docs]方法分别追加每个元素的内容.

$("div.vm-video-title > a").after(function() { return $(this).text(); });

这不会像^[docs]方法那样"破坏然后重新创建"现有元素.html()

工作示例: http ://jsfiddle.net/CCr9C/