Question

我需要在页面上的表之间创建导航。我想创建类似“表滑块”（上表和下表）的东西。在这个页面上，我还有这个脚本的菜单：

$("#1").click(function(){          //one of menu button
    $("#content table").hide('fast');  //first table with content
    $('#a').show('fast');             //second table with content
});

我认为，下一个（）;将在这里工作，所有表都在一个div。

这是我所有表格的结构：

<table id="a" style="display: none">
    <tr>
    <td class="previous">Previous</td>
    <td class="next">Next</td>
    </tr>
    <tr>
    <td class="name"><img class="logo" src="logo.jpg"></img><h1></h1></td>
    <td>Some Content</td>
    </tr>
</table>

Answer 1

作为他们的兄弟姐妹，您可以按照提及的那样使用next。

我们也可以委派此事件，使其适用于#content div中的所有表格，否则您必须为每个表格生成click个事件，这是不理想。

$("#content table").on("click", function() {
    $("#content table").hide('fast');
    $(this).next("table").show('fast'); 
});

Jquery找到并显示下一个表

1 个答案: