「jQuery入門」parents()で先祖要素を選択するサンプル

2018年6月24日

1.htmlコード
<div><p>11<i>22</i>44</p></div>
<div>33<i>AAA</i>55</div>

2.JSコード
2.1 引数を利用する
$(function () {
$(“i”).parents(“div”).css(“padding-right”,”13px”);
});

2.2 引数を利用しない
$(“button”).click(function(){
$(“i”).parents().css(“padding-right”,”13px”);
});