jQuery/:lt(index)

解説インデックス番号が指定した数値より小さい要素を選択

sample1

要素0
要素1
要素2

sample1code

$("#sampel1ul li:lt(1)").css("color","black");

sample2

element0
element1
element2

sample2code

$(function(){
  $("#2").click(function(){
  	$("#sample2ul li:lt(2)").css("color", "orange");
  });
  $("#3").click(function(){
  	$("#sample2ul li:lt(3)").css("color", "purple");
  });
});