jQuery/nextUntil()

解説 マッチした要素の次以降の兄弟要素で、指定したセレクターや条件に一致する要素が出てくるまで選択して取得
sample1
menu1
1-a
1-b
1-c
1-d
menu2
2-a
2-b
2-c
menu3
3-a
3-b
sample1code 
$(function(){
  $("dt").click(function(){
  	$(this).nextUntil("dt").css("color","orange");
  });
});
sample2
menu1
1-a
1-b
1-c
1-d
menu2
2-a
2-b
2-c
menu3
3-a
3-b
sample2code 
$(function(){
  $("#sample2dl dt").click(function(){
	$(this).nextUntil("dt").slideToggle();
  });
});
sample3
  • 1-1
  • 1-2
  • 1-3
  • 1-4
  • 1-5
sample3code 
$(function(){
  $("#s3ul li").click(function(){
  	$(this).nextUntil("#s3ul li:eq(4)").css("color", "blue");
  });
});