jQuery - 严格的子级层次选择

Posted 2023-05-09

【中文标题】jQuery - 严格的子级层次选择

【英文标题】：jQuery - strict children hierachy selection

【发布时间】：2012-11-16 09:27:48

【问题描述】：

下面的 jQuery 选择器相当于什么：

$('table.special > thead > tr')

如果我在函数中将$('table.special') 作为$table 参数开始？

（$table.(...) 形式的东西，但等同于第一个提到的选择器）

---

注意：$table.filter('thead > tr') 不是我想要的，因为它还选择了嵌套表的 thead 元素，而 $table.filter('> thead > tr') 不起作用，两者都没有$table.children('thead > tr')...

【参考方案1】：

这是可以做到的：

$table.children("thead").children("tr");

还有：

$table.find("> thead > tr");
// or
$("> thead > tr", $table);

但由于某些原因，这种类型的选择器现在是 deprecated。

【讨论】：

谢谢！ ...不知道我的头在哪里，使用filter而不是find ...虽然这真的让我感到困惑，为什么他们会弃用像这样有用的东西（实际上“将在未来的版本中弃用”这使得更少感觉在文档中）

@NeuronQ 后者或多或少是可以理解的：也许他们希望我们现在就改掉使用这些功能的习惯。

第一个绝对less当你像我一样有smth时可以理解：$table.find('> thead > tr > td:nth-child(6) > .title a') ...4+ 对children 的调用看起来一点也不好看...但我得到了答案，所以让我们继续吧:)