是不是可以跳转到jQuery中的'.next（）'项，旁边的元素？

Question

尝试使用存档列表重新发明轮子，到目前为止

jsfiddle link to source code

我想做什么：

当你按下箭头按钮时，它会隐藏它旁边的逻辑元素。

1）左年的箭头必须隐藏今年内的每一个人（年份除外） 2）月份旁边的箭头必须隐藏本月的所有内容（月数除外） 3）如果我创造更多年 - 他们不得干涉

可能的解决方案就像.next（）。next（）或next（2）跳过下一个元素..但是这在jquery中不起作用！

Answer 1

另一个解决方案是跳到.parent()，然后隐藏/显示列表.next()。像这样：

$(document).ready(function() {


    $('.toggle-year,.toggle-month').toggle(
        function() {
            $(this).html('▼');
            $(this).parent().next().hide();

        },

        function() {
            $(this).html('►');
            $(this).parent().next().show();

        }
    );
});

检查这个小提琴，看看这是否是您想要的行为：http://jsfiddle.net/LV6VK/

Answer 2

您还可以使用.parent()函数，然后使用带有id或类的.find()函数指定所需的元素。
使用.next().next()确实有效。