獲得第n個TD的所有TR具有特定類的文本

Question

這我工作的代碼如下：

<table> 
<tr class="warning"> 
    <td> 1 </td> 
    <td> name </td> 
    <td> address </td> 
    <td> phone no </td> 
    <td> Location </td> 
</tr> 
<tr> 
    <td> 3 </td> 
    <td> name2 </td> 
    <td> address2 </td> 
    <td> phone no2 </td> 
    <td> Location2 </td> 
</tr> 
<tr class="warning"> 
    <td> 6 </td> 
    <td> name5 </td> 
    <td> address5 </td> 
    <td> phone no5 </td> 
    <td> Location5 </td> 
</tr> 
<tr> 
    <td> 7 </td> 
    <td> name6 </td> 
    <td> address6 </td> 
    <td> phone no6 </td> 
    <td> Location6 </td> 
</tr> 

我喜歡讓所有的第二TD的文本與所有TR帶班級警告。

我一直在使用_.each方法試過，但沒有成功的

Answer 1

試試這個

$('tr.warning').each(function(){ 
    alert($(this).find('td').eq(1).text()); 
    }); 

演示Here

Answer 2

嘗試

$('tr.warning td:eq(1)').text(); 

，如果你想更具體的答案不是使用:nth-child選擇

$('tr.warning td:nth-child(2)').text() 

http://jsfiddle.net/dbuZG/5/

Answer 3

這將獲得數組中名稱的列表：

var names = $('tr.warning td:nth-child(2)').map(function() { 
    return $(this).text(); 
}).get(); 

演示在http://jsfiddle.net/alnitak/CjQAh/

（使用:eq(1)不起作用，因爲:eq適用於指數整套返回的元素，該元素的相對不位置，其<tr>容器，和的內所以只返回一個元素）。

Answer 4

使用jQuery的:nth-child選擇器以及.each()應該適合您。

小提琴：http://jsfiddle.net/chucknelson/KDy8X/

jQuery的

$(function() { 
    //use the :nth-child selector to get second element 
    //iterate with .each() 
    $('table tr.warning td:nth-child(2)').each(function(index, element) { 
     var name = $(element).html(); 
     $('#name-list').append('<li>' + name + '</li>'); 
    }); 
}); 

一些額外的HTML：

<div id="warning-names"> 
    Warning Names: 
    <ul id="name-list"> 
    </ul> 
</div>