javascript - jquery get 没有属性的元素在代码中不起作用

Question

我的页面有一个表格

<table class="table table-bordered table-striped table-bordered" id="MapDetails" data-role="grid" role="grid" tabindex="0"> .. </table>

当我重新加载

$("#MapDetails").load(url, ...);

变成了

<table class="table table-bordered table-striped table-bordered" id="MapDetails" data-role="grid" role="grid" tabindex="0">
   <table class="table table-bordered table-striped table-bordered" id="MapDetails" aria-activedescendant="MapDetails_active_cell">

<thead>
    ...
</thead>
<tbody>
    ...
</tbody>

现在我想访问子表(第二个)。当我尝试时

$("#MapDetails:not([role='grid'])")

在浏览器中它似乎工作正常(.children() 然后显示 thead 和 tbody 元素)但用 JavaScript 代码编写的相同查询根本不起作用。

Answer 1

jQuery Load Function从服务器加载数据并将其放置在匹配元素的内部。

我假设页面只是表格。

因此，当您调用 $('#MapDetails').load(url, ...); 时，您将重新加载页面(即表格)并放置该数据现有表格的内部。您可以执行 $('#MapDetails').parent().load(url, ...); 那么您就不必担心访问子表。