jquery .click，在父级中查找下一个类元素，淡入，删除类,重复

9gm1akwq 于 2023-06-22 发布在 jQuery

关注(0)|答案(3)|浏览(111)

理想情况下，我试图单击一个div，在父类中找到下一个类。淡入这个类，删除这个类。
再次点击div，然后找到“页面”的下一个类，淡入，删除该类。
任何帮助将是伟大的。目前，.find、.next、.nextAll会导致所有ul与类页面同时淡入。
HTML

<div id="container" class="">
    <ul id="page_1">
    <ul id="page_2" class="page">
    <ul id="page_3" class="page">
    <ul id="page_4" class="page">
    </div>

$("#click").click(function() { 
    $("#container").children().closest('.page').fadeIn();
});

jquery

来源：https://stackoverflow.com/questions/9845996/click-find-next-class-element-in-parent-fade-in-remove-class-repeat

3条答案

按热度按时间

4nkexdtk1#

您可以尝试：

$("#click").click(function() {
    var active;
    if ($('#container > .active').length) {
        active = $('#container > .active');
        active.removeClass('active');
        active.next().addClass('active');
        active = active.next();
    } else {
        active = $('#container > .page:first');
        active.addClass('active');
    }
    active.fadeIn();
});

(Your markup i s not correct this assumes：）

<div id="container" class="">
    <ul id="page_1"></ul>
    <ul id="page_2" class="page"></ul>
    <ul id="page_3" class="page"></ul>
    <ul id="page_4" class="page"></ul>
 </div>

fiddle here http://jsfiddle.net/kmtCV/2/

赞(0）回复(0）举报 2023-06-22

dced5bon2#

试试这个

$('#click').click(function() { 
    $('#container > .page:first').fadeIn();
});

赞(0）回复(0）举报 2023-06-22

gdrx4gfi3#

当一个.page元素淡入时，你可以向它添加一个visible类，当淡入下一个元素时，你可以使用:not作为选择器来排除这个类。参见http://jsfiddle.net/rTfcy/

赞(0）回复(0）举报 2023-06-22

我来回答

jquery .click，在父级中查找下一个类元素，淡入，删除类,重复

3条答案

相关问题

热门标签

最新问答