Question

我的页面包含搜索表单和结果加载的表格。我试图使用jQuery来定位表的下一个实例，但由于某种原因我找不到它。

<div class="search">
  <form class="search" method="get" action="/page.php">
    <input id="search" type="text" value="" name="search">
    <input type="submit" value="search">
  </form>
</div>

<table id="Organization" class="table" width="100%" >
...table stuff...
</table>

使用jQuery我试图“onclick”搜索按钮我试图抓住表的下一个实例并获取该表的类。我试过这个并不起作用：

$(this).next('table').attr('class');

有人可以帮我点击表单上的搜索按钮后选择下一个表格实例吗？

Answer 1

jQuery Documentation for next()说：

给定一个表示一组DOM元素的jQuery对象，.next（）方法允许我们在DOM树中搜索这些元素的紧随其后的兄弟并构造一个新的jQuery对象来自匹配元素。

这意味着使用next，您只能在同一级别上找到紧跟所选元素的元素。根据以下情况应该有效：

$(".search").next("table").attr('class');

如果您有多个具有类search的元素，则可以使用$.parents方法在祖先中查找search div，然后查找下一个表。

$(this).parents(".search").next("table").attr('class');

但为什么要使用next()呢？您可以选择表格，例如如果你指定它，可以通过它的类或id。

修改后的表格（由属性id扩展）将是：

<table id="the_table" class="table">...</table>

选择表格的方法：

$(".table").attr('class'); // by class
$("#the_table").attr('class'); // by id

Answer 2

$(this).closest('div').next('table');

jQuery找到下一张桌子

2 个答案: