使用 jQuery 查找嵌套 DOM 元素

Question

我需要使用 JQuery 在 DOM 中查找特定元素。

情况是：

var dialog = $(DOM.loadHTML("amc-refine", "scripts/dialogs/amc-dialog.html"));
elmts = DOM.bind(dialog);

所以 elmts 这里是一个带有 DOM 元素的变量.. 我有一个表，我可以使用 jQuery 访问它，

$(elmts.dialogTable)

我想访问该表内的嵌套元素..例如我想要执行以下操作，

$('#example thead tr').each( function () {
        this.insertBefore( nCloneTh, this.childNodes[0] );
    } );

但我无法使用 # 访问我的表..所以我可以这样做吗：

$(elmts.dialogTable).find('thead').find('tr')

此外，如果我也想

$('#example tbody td img')

使用相同的 $(elmts.dialogTable)

最好的问候

Answer 1

您应该仍然可以使用 find ，并将整个选择器传递给it：

var img = $(elmts.dialogTable).find('tbody td img');

您不需要像示例中那样多次调用 find 。您的示例可以重写为仅使用 find('thead tr')。

或者，您可以使用 elmts.dialogTable 作为要在其中选择的 上下文 :

var img = $("tbody td img", elmts.dialogTable);

Answer 2

这应该是可能的：

$('#example thead tr', elmts.dialogTable).each( function () {
        this.insertBefore( nCloneTh, this.childNodes[0] );
    } );

第二个参数表示上下文。