Javascript

1.  
2. $('.jq-sample1 .execute').on('click', function(){
3.     $('.jq-sample1 li') // li を持つjQueryオブジェクト作成
4.         .first() // li の先頭を選択
5.         .css('color', 'red');
6. });
7.  

HTML

1.  
2. <div class="jq-sample1">
3.     <button class="cq-btn execute">実行</button>
4.     <ul>
5.         <li>Javascript</li>
6.         <li>PHP</li>
7.         <li>HTML</li>
8.         <li>jQuery</li>
9.         <li>Backbone</li>
10.         <li>Underscore</li>
11.     </ul>
12. </div>
13.