得到第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>

我喜欢用所有tr和类警告得到所有第二个TD的文本.

我尝试过使用_.each方法,但没有成功

Answer 1

试试这个

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

在这里演示

Answer 2

尝试

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

如果你想要比使用:nth-child选择器更具体的答案

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

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

Answer 3

使用 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>