jQuery - DOM简写为$（myobj）.children（...）。children（...）。children（...）

Question

假设我想在特定的表中导航，存储在变量中。

我想找到表格中的tr中的所有输入。

如果我有桌子的id，我会冷 -

$('#mytable thead tr input')

但是说我已经将表存储在一个变量中了，我不再知道该表的id了 - var mytableVar=$('#mytable')。

现在，如果我仍想导航到那个输入，我可以这样做 -

$(mytableVar).children('thead').children('tr').children('input')

是否有更短的方法来执行此操作，而不必迭代.children(...)？

Answer 1

您可以使用child selector

mytableVar.find('> thead > tr > input')

Answer 2

要在$('#mytable thead tr input')中为您的表格使用变量，您可以执行以下操作：

mytableVar.find('thead tr input')

或

$('thead tr input', mytableVar)

请注意tr在那里很可能无用，所以只需使用

即可

$('thead input', mytableVar)

Answer 3

是的，当然：

$(mytableVar).find('thead > tr > input')

或：

$(mytableVar).find('input')