いくつかの要素

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(); 
    } 
}); 

：|

EDIT：

あなたは連続する行に到達するために繰り返しnext()使用することを私がしなければならない見ることができるように。どのようにこれを短く書くことができますか？

---

ソリューション：nextUntil()

Answer 1

使用.nextAll — を@pimvdbのおかげで "マッチした要素の集合の各要素のすべての次の兄弟を取得します"：

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