如何使用JQuery來做到這一點？ （遍歷類）

Question

假設我的代碼是這樣的：

<td class="apple"> 
<div class="worm"> 
text1 
</div> 
</td> 

<td class="apple"> 
<div class="worm"> 
text2 
</div> 
</td> 

<td class="apple"> 
<div class="worm"> 
text3 
</div> 
</td> 

我怎麼能遍歷所有以「TD類蘋果」，再抓內部ID爲「蟲」的div文字，然後將每個.attr（）設置爲該文本？

結果：

<td class="apple" title="text1"> 
<div class="worm"> 
text1 
</div> 
</td> 

<td class="apple" title="text2" > 
<div class="worm"> 
text2 
</div> 
</td> 

<td class="apple" title="text3"> 
<div class="worm"> 
text3 
</div> 
</td> 

謝謝

Answer 1

$('td.apple').each(function() { 
    $(this).attr('title', $('div.worm', this).text()); 
}); 

還是這個較短的版本（支持對於jQuery 1.4）：

$('td.apple').attr('title', function() { 
    return $('div.worm', this).text(); 
});​ 

Answer 2

這應該做的伎倆。

//We will iterate through each td which has class of apple. 
$('td.apple').each(
    function() 
    { 
     //'this' in the function refers to the current td. 
     //we will try to find a div with class 'worm' inside this td. 
     var title = $(this).find('div.worm').text(); 
     $(this).attr('title', title); 
    } 
); 

Answer 3

我假定你的意思td class="apple"

$("td.apple").each(function(){ 
    this.title=$(this).find("div").text(); 
}); 

如果您在使用我做你的家庭作業，我將你鎖在一個電話亭全蜜蜂。

Answer 4

要添加到正確的答案，我會建議使用兒童而不是找到。兒童不是遞歸的，任何一點優化都有幫助。除非你需要通過TD的遞歸。

$("td.apple").each(function() { 
    $(this).attr('title', $(this).children("div.worm").text()); 
});