jQuery

Question

我的 jQuery 任务有问题。单击 header:

后，我必须切换 '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 header 之间切换所有上下文，但我只需要切换 '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>

jQuery - 切换所选项目

jQuery - toggle selected items

toggle

html-lists

nextuntil