使用jQuery遍历表格元素

Question

我有一个如下所示的表结构：

<table id = "cust-id">
  <tr>
    <td> 1</td>
    <td id = "specific_id_re"><a href = "#">link tag</a></td>
  </tr>
  <tr>
    <td> 2 </td>
    <td id = "specific_id"> <a href = "#">link tag</a></td>
  </tr>
</table>

我正在尝试使用jQuery访问每个带有id和链接标签的表格行列，但是我做得不够好。我最好的尝试是：

 $('#cust-id').children().children().children() ; // to get access to the td elements ?

有什么建议，我应该读什么或者如何处理这个问题？

谢谢 Parijat Kalia

- Parijat Kalia

---

这些 TD 元素在第二列吗？ - Šime Vidas

Answer 1

$('#cust-id td[id] a').each(function () {
  var td = $(this).closest('td');
  // do what you want
});

- Danil Speransky

Answer 2

试试这个

$("#cust-id tr:has(td[id] a)");

- Ivan Turovets

Answer 3

$('#cust-id td')

将会收集元素 #cust-id 下的所有 td 元素。您可以像在常规 CSS 中一样链接选择器。

如果您想要一个 <td> 的父级 行，您可以从 <td> 向上遍历。

$('#cust-id td').closest('tr')

啊，你实际上只想要那些具有 <a> 和 id 的 <td>，所以...

$('#cust-id td[id] a').closest('td')

- andyb

Answer 4

这将选择所有位于第二列的 TD 元素：

$( 'td:nth-child(2)', '#cust-id' )

这会选择所有具有“id”属性的TD元素：

$( 'td[id]', '#cust-id' )

这会选择所有包含 <a> 元素的 TD 元素：

$( 'td:has(a)', '#cust-id' )

因此，如果您结合这些方法，就可以选择那些（1）具有“id”属性且（2）包含<a>元素的TD元素：

$( 'td[id]:has(a)', '#cust-id' )

- Šime Vidas

Answer 5

您可以使用以下选择器$('#cust-id td[id]')，它将返回所有具有id属性的td元素。

- Alexey Ogarkov