jQuery-切换所选项目

Question

我对jQuery任务有疑问。 单击标题后，我必须切换“ ol”上下文：

我的html：

<h3>Task</h3>
    <ul>...</ul>
    <ol>...</ol>

<h3>Second Task</h3>
    ...

我的jQuery脚本：

$(document).ready(function() {
    $('h3').click(function() {
        $(this).nextUntil('h3').toggle(); 
    })
})

我的代码在h3标头之间切换了所有上下文，但是我只需要'ol'。 非常感谢您的帮助。

Answer 1

您可以使用.last()仅切换集合中的最后一个元素（在本例中为ol ）。

更新：如果您应该在<ol>之后添加一些内容，最好使用.filter('ol')来确保仅定位所需的列表。

 $(document).ready(function() { $('h3').click(function() { $(this).nextUntil('h3').filter('ol').toggle(); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <h3>Task</h3> <ul><li>list1-1</li><li>list1-2</li></ul> <ol><li>list2-1</li><li>list2-2</li></ol> <h3>Second Task</h3>