jQuery/filter()

解説 セレクターや条件関数を指定して、マッチしている要素をフィルタリング
sample1 要素① 要素②
sample1code
$(function(){
  $("span").filter("#sample").css("color","blue");
});
sample2
  • 111
  • 222
  • 333
  • 444
sample2code
$(function(){
  $("#s2Btn").click(function(){
  	$("#s2ul li").filter(".s2Class").css({
  	  borderStyle: "solid",
  	  borderColor: "blue",
  	  borderWidth: "1px",
  	  padding: "10px",
  	  width: "50px",
  	  margin: "10px"
  	})
  });
});
	
sample3

s3p

s3pId

s3p

sample3code
$(function(){
  $("#s3Div p").filter(function(index){
	return index == 0 || $(this).attr("id") == "s3pId";
  }).css("border", "3px double red");;
});
	
sample4
s4Div