如何通過幾個要素

Question

這是當前的代碼中使用的.next（）：

$("input[name='content_use']").click(function() { 
    if ($(this).is(":checked")){ 
     $(this).closest('tr').next().show(); 
     $(this).closest('tr').next().next().show(); 
     $(this).closest('tr').next().next().next().show(); 
    } else{ 
     $(this).closest('tr').next().hide(); 
     $(this).closest('tr').next().next().hide(); 
     $(this).closest('tr').next().next().next().hide(); 
    } 
}); 

：|

編輯：

正如你看到的，我必須使用next()多次達到連續的行。我如何編碼這個更短？

---

解決方案：nextUntil()由於@pimvdb

Answer 1

使用.nextAll — 「讓每一個元素的所有兄弟姐妹之後在匹配的元素集合的」：

$("input[name='content_use']").click(function() { 
    if (this.checked) { 
     $(this).closest('tr').nextAll().show(); 
    } else { 
     $(this).closest('tr').nextAll().hide(); 
    } 
});