从表的第3列检索行值

时间:2012-03-14 00:07:04

标签: jquery

表或插件上没有类/ id。只是简单的表格,包含4列和8行,其中包含一些虚拟值。

如何获取表格第3列的行值。

任何人都请写一些jquery语法。

任何人都知道在jquery中进行表操作的任何在线教程。没有插件?

3 个答案:

答案 0 :(得分:1)

<table>
<tr><td>One</td><td>Red</td></tr>
<tr><td>Two</td><td>Blue</td></tr>
<tr><td>Three</td><td>Green</td></tr>
</table>​

这将提取第三个表行元素中的值并将其放入数组中。

​$(document).ready(function() {
    var values = [];
    $('table tr:nth-child(3) td').each( function() {
        values.push($(this).html());
    });
    console.log(values);
}​);​

http://jsfiddle.net/AQcgm/

答案 1 :(得分:0)

如果表的结构在语义上完整(即:tr&gt; td),则可以使用jQuery each循环来获取每个tr中的第三个td。见http://jsfiddle.net/sLtya/

答案 2 :(得分:0)

如果您有一个4列,8行表,并且想要从每行的第三列中获取文本,则可以使用以下内容:

 $('table tr td:nth-child(3)').text()

或者,如果您想对结果中的每一列执行操作,例如更改背景颜色:

 $('table tr td:nth-child(3)').css('backgroundColor', '#efefef');

希望这会有所帮助。我意识到问题是在前一段时间被问到的,但我正在研究如何做到这一点,并且无法轻易找到解决方案,所以希望我分享这个将有助于其他人正在寻找如何做到这一点。