是否有可能跳到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()確實有效。