parentを親に持つ直接のchild要素を取得します。
サンプル
実行結果
jQuery
- Core
- jQuery( expression, context )
- jQuery( html, ownerDocument )
- jQuery( elements )
Selectorsセレクタ―
- All Selector (*)
- :animated Selector
- Attribute
Attributes
Javascript
$('.jqTest').click(function(e){
if ($(e.target).attr('class') === 'select_all') {
$('.jqTest > *').css({backgroundColor: '#FFFAC6'});
} else if ($(e.target).attr('class') === 'select_p') {
$('.jqTest > p').css({backgroundColor: '#9FB7D4'});
}
});
HTML
<div class="jqTest">
<h6>jQuery</h6>
<dl>
<dt>Core</dt>
<dd>jQuery( expression, context )</dd>
<dd>jQuery( html, ownerDocument )</dd>
<dd>jQuery( elements )</dd>
</dl>
<p>Selectors<span>セレクタ―</span></p>
<ul>
<li>All Selector (*)</li>
<li>:animated Selector</li>
<li>Attribute</li>
</ul>
<a href="#">Attributes</a>
<br />
<button class="select_all">.jqTest > *</button><button class="select_p">.jqTest > p</button>
</div>