使用jQuery，是否可以级联选择器？

Question

在 jQuery 中，是否可以像这样链接选择器？

var sData = $('#myTableRow TD:nth-child(3):nth-child(2)').html();

- Volomike

---

如果您描述您想让选择器选择的内容，您将获得更准确的答案。 - Pointy

要小心过度使用它 - 如果任何节点发生更改，则子节点的顺序也会随之更改。 - greenimpala

Answer 1

也许你的意思是：

$('#myTableRow TD:nth-child(3) :nth-child(2)')

第三个<TD>的第二个子元素是什么？

- Dean Harding

---

这帮助我选择第三个TD元素的第二个"A"锚点元素。 确切地说-正是我所需要的。节省了我必须费力完成的工作，而且知道我可以用这种方式进行daisy-chain是很好的。 而且你是对的——在最后的:nth-child()选择器之前的那个空格非常重要。 - Volomike

+1，因为我不必浪费时间手动将相同的类应用于每个图案元素。 - user1382306

Answer 2

是的，但是这个特定的不合理，因为同一个<td>不能同时是其父级的第三个和第二个子元素。然而，您可以结合多个“伪类”限定符，这些限定符在一起使用时确实有意义，例如“:text:hidden”。

- Pointy

Answer 3

是的，但你需要添加空格。'#myTable TD:nth-child(3) :nth-child(2)' 的意思是选择 TD 的第二个子元素，而这个 TD 是其父元素中的第三个。

- Max Shawabkeh