jquery .each() 循环

Question

我想阅读“.vm-video-title”-div 中的所有链接，并将它们分别发布在同一个 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

您可以直接选择 元素，并使用 after( )^[docs] 方法将每个内容分别附加到每个内容之后。

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

这不会对现有元素进行“销毁然后重新创建”，例如 html()^[docs] 方法将。

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

Answer 2

这应该可以为您完成工作，

您需要在循环（el）中找到当前元素内的 div。

$('.vm-video-title').each(function(i, el) {
    el = $(el);
    el.html(el.html()+el.find("a").text());
});

在您的代码中，您将在 div 中添加所有匹配“a”标签的 text() （即 Text1Text2Text3）

Answer 3

你就快到了。而不是： $("div.vm-video-title").text()，它为您提供任何具有 vm-video- 类的 div 内的文本title，您需要在当前div内找到a标签并从中获取文本。我们将 this 作为 context 传递，用于在当前 div 中选择 a jQuery( 选择器, [上下文]）

$('.vm-video-title').each(function(i) {//all divs
   $(this).html($(this).html()+$("a", this).text());
});