jquery .each（）loop

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

這應該爲你做的工作，

你需要找到DIV裏面的當前元素p（el）。

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

在你的代碼

您要添加的所有匹配你的div「一個」標籤（即Text1Text2Text3）

Answer 2

你是幾乎沒有的文本（）。而不是：$("div.vm-video-title").text()，它給你div 類內的文本，你需要找到當前div內的a標籤，並從中獲取文本。我們通過this爲context選擇a當前divjQuery(selector, [context])

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

Answer 3

您可以直接選擇<a>元素中，並使用after()^[docs]方法分別各一個的每一個追加的內容。

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

這並不做「消滅，然後重新創建」之類的html()^[docs]方法將現有元素。

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