jquery findメソッド

TOPページに戻る > jquery入門

jquery find()メソッド

findメソッドは、セレクタで指定した要素の子孫要素を指定します
使い方は簡単です。セレクタとメソッドの間に.find()を記述するだけです
セレクタで指定した要素の全ての子孫要素を指定します

.find()

子孫要素を限定する場合(指定した要素に限定されます)

.find("セレクタ")

指定したHTML要素の全ての子孫要素を指定します

ボタンをクリックしたときにセレクタで指定したHTML要素の子孫要素の枠線の色が変更されます

jquery

$(function() {
	$("button").click(function(){
	$("#hoge").find(".foo").css("border", "1px solid red");
	});
});

css

.foo{
 border: solid 1px;
 padding: 5px;
  }
#hoge{
 border: solid 1px;
 padding: 5px;
  }

html

<button>ボタン</button>
<div id="hoge">セレクタで指定された要素
<div class="foo">子要素
<div class="foo">孫要素
</div>
</div>
</div>

サンプル

ボタン