选择第三个<;td>;使用jQuery?
我有一个表格a行,该行有多个tds,如下所示:选择第三个<;td>;使用jQuery?,jquery,Jquery,我有一个表格a行,该行有多个tds,如下所示: <tr class="first odd"> <td class="a-center"> <td>...</td> <td>...</td> --> I want this <td>...</td> <td>...</td> <td>...</td>
<tr class="first odd">
<td class="a-center">
<td>...</td>
<td>...</td> --> I want this
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
谢谢您可以使用
:eq
选择器:
jQuery('#shopping-cart-table > tbody > tr').each(function(index, value) {
$('td:eq(2)', this)
});
或:
在jQuery中使用:eq函数: 试试这个
$("#shopping-cart-table > tbody > tr td").eq(2);
试着这样做:
$(".first td:nth-child(3)").append("<span>-3rd");
$(“.first td:nth child(3)”).append(“-3rd”);
这是最好、最简单的代码。
您可以单击该行中的按钮,然后它将显示第三个值。
如果这是您的桌子:
<tr class="first odd">
<td class="a-center">
<td>...</td>
<td>...</td> --> I want this
<td>...</td>
<td>...</td>
<td><button id='test'><button></td>
</tr>
这将解决问题。回答标题:
$("#tableId tr td:nth-child(3)").html();
我认为这将解决问题,因为您可以通过更改此等式的最后一个索引来加载任何给定的
代码>等式(3)的可能副本将代表第四个TDR。另外,您的解决方案在早期版本的IE.jQuery(“#shopping cart table>tbody td:eq(2)”中不起作用;IE必须引起与此冲突不是我的…我检查了6?IE6中始终存在“>”问题。@user1856596这是$(选择器,上下文)
,这是指当前的tr
。
$(".first td:nth-child(3)").append("<span>-3rd");
<tr class="first odd">
<td class="a-center">
<td>...</td>
<td>...</td> --> I want this
<td>...</td>
<td>...</td>
<td><button id='test'><button></td>
</tr>
$(document).ready(function () {
$('#test').click(function(){
var thirdData = $(this).closest('tr').children('td:eq(2)').text();
alert(thirdData);
});
});
$("#tableId tr td:nth-child(3)").html();