没有属性的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从服务器加载数据并将其置于匹配元素的INSIDE中。

我没有假设页面只是表格。

因此，当您调用$('#MapDetails').load(url, ...);时，您正在重新加载页面（即表格），并将该数据放在现有表格的中。您可以执行$('#MapDetails').parent().load(url, ...);，然后您不必担心访问子表。