JQuery 要素の検索 | テクニカルノート

JQuery　たまに使うと忘れてしまうので。基本のきだけど要素の検索

<div id="wrapper">
	<div id="main">
		<div id="inner">
			<p>あ</p>
			<p><span>い</span></p>
			<input type='text' name='price' value='2000' />
		</div >
	</div >
</div >

</div >

親要素を取得
$(‘div#inner’).parent();//→先祖要素から検索 $(‘div#inner’).parents(‘wrapper’);

条件に当てはまる一番近い要素を検索
$(‘div#inner’).closest(‘div’);//→子要素を取得 $(‘div#inner’).children(‘p’);

子孫要素から検索
$(‘div#inner’).find(‘span’);

属性を指定して検索
$(‘input[name=price]’);