jQuery/children()

解説 指定要素の子要素を取得
sample1
sample1Div

sample1p

sample1code
$(function(){
  $("#sample1Btn").click(function(){
	$("#sample1Div").children().css("background","blue");
  });
});
sample2
span

p

sample2code
$(function(){
  $("#sample2Div").click(function(){
  	$(this).children("span").css("color", "orange");
  });
});
	
sample3

s3p

s3p

s3p

s3p

sample3code
$(function(){
  $(".s3Class").click(function(){
  	$(this).children().slideToggle();
  });
});
	
sample4
div
    ul
  • aaa
  • bbb
div
    ul
  • ccc
  • ddd
smaple4code
function s4Func(){
  $(this).children("ul").children("li").css("color", "red");
}
$("div").on("click", s4Func);
	
sample5

s5p

s5Span
sample5code
function s5Func(){
  var s5Child = $("#s5Div").children();
  $(s5Child).click(function(){
  	$(this).css("color", "red");
  });
}