是否有可能跳到jQuery中的'.next（）'项目旁边的元素？

Question

试图重塑车轮与存档列表，得到这个至今

jsfiddle link to source code

什么我'尝试做：

当u按箭头按钮，它隐藏的逻辑元素旁它。 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(); 

     } 
    ); 
}); 

检查此琴，看看是否是你想要的行为：

Answer 2

您还可以使用.parent()功能，然后使用.find()功能与ID或类指定哪些你需要的元素。
并使用.next().next()确实有效。