「jQuery入門」.find()、.next()と.parents()の使い方

2017年12月4日

1.子要素の指定– .find()
<div class="abc">
<div class="a11″>
<div class="a12″>
<p>test data122</p>
</div>
</div>
</div>

$('.abc’).find('p’);

2.兄弟要素の指定– .next()
htmlコード
<ul>
<li>21</li>
<li>22</li>
<li class="def"></li>
<li>23</li>
</ul>

JSコード
$('.def’).next();

3.親要素の指定– .parents()
htmlコード
<div>
<p>
<span>122333</span>
</p>
</div>
JSコード
$('span’).parents('div’);

4.thisの親要素や子要素の指定
$(this).parent();
$(this).children('p’);