「jquery入門」has(selector)で要素を選択するサンプルコード

2017年3月12日

サンプルコード
<script src="/jquery/1.12.4/jquery.min.js"></script>
<ul>
<li>list item 1</li>
<li>list item 2
<ul>
<li>list item 2-a</li>
<li>list item 2-b</li>
</ul>
</li>
<li>list item 3</li>
</ul>
<button id="btn">ボタン</button>
<script>
$('#btn’).click(function(){
$('li’).has('ul’).css('border’, '1px solid lightblue’);
})
</script>