第二个孩子的第二个孩子 - Jquery

时间:2010-12-23 14:00:44

标签: jquery-selectors

我想知道如何才能获得孩子的价值。我有这个......

<table id="table4">
    <tr>
        <td>Id:</td>
        <td>Name:</td>
    </tr>
    <tr>
        <td>1515</td>
        <td>Thiago</td>
    </tr>
</table>

在Jquery,我想做这样的事情......

var id = $("#table4:nth-child(2) tr:nth-child(1)").val();

我该怎么做才能做到这一点?第二个<td>的第一个<tr>。我知道我可以使用“class”和“id”来使它更容易,但在这种情况下,我不能因为其他原因而这样做。

PS。抱歉英语不好,我是这种语言的菜鸟。

感谢。

2 个答案:

答案 0 :(得分:3)

像这样:

var id = $("#table4 tr:nth-child(2) td:nth-child(1)").text();

You can test it out here:nth-child选择器将应用于子,例如,第一个选择是说“a <tr>是其父级的第二个孩子”,而不是您尝试的版本,表示“第二个孩子 <tr>”。

另外,使用.text()来获取元素文本,而不是.val()用于输入类型元素。

答案 1 :(得分:0)

这不是一个完全jQuery的解决方案,但只是想我会指出你可以这样做:

var txt = $("#table4")[0].rows[1].cells[0].innerHTML;

或者,如果您要避免使用任何HTML标记,则可以执行此操作:

var cell = $("#table4")[0].rows[1].cells[0];
var txt = cell.innerText || cell.textContent;