「jQuery入門」–last()で要素の中で最後の要素を取得する

2017年3月12日

サンプルコード
<script src="/jquery/1.12.4/jquery.min.js"></script>
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
<button id="btn1″>ボタン11</button>
<button id="btn2″>ボタン2</button>
<script>
$('#btn1’).click(function(){
$('li’).first().css('border’,’1px solid red’);
})
$('#btn2’).click(function(){
$('li’).last().css('border’,’1px solid blue’);
})
</script>