jQuery/prevAll()

解説 マッチした要素集合の各要素の前全ての兄弟要素を取得
sample1
  • 1-1
  • 2-1
  • 3-1
  • 4-1
sample1code 
$(function(){
  $("#sample2Ul li").click(function(){
	$(this).prevAll().css("color","orange");
  });
});
sample2
  • 1-1
  • 2-1
  • 3-1
  • 4-1
sample2code 
$(function(){
  $("#sample2Ul li").click(function(){
  	$(this).prevAll().slideToggle();
  });
});
sample3
  • 3-1
  • 3-2
  • 3-3
  • 3-4
  • 3-5
sample3code 
$(function(){
  $("#s3ul li").click(function(){
  	$(this).prevAll(".s3Class").css("color", "blue");
  });
});