jquery - トップのみを選択するにはどうすればよいですかjQueryを使用する

Question

これがhtmlです。有効かどうかは関係ありません。jQueryだけを使用して「選択するタイトル」をクエリしたいだけです。

<div class="my class1213">
    <h3> just title, no selection</h3>
    <ul>
        <li>title to select</li>
        <li>title to select
            <ul>
                <li>nonono</li>
            </ul>
        </li>
        <li>title to select
           <ul>
             <li>
                 <ul>
                     <li>no selection</li>
                 </ul>
             </li>                 
          </ul>     
        </li>    
    </ul>    

</div>​​​​

どうすればいいですか？

Answer 1

$('.my ul li:first');

十分なはずです

代替案：

$('.my ul li:eq(0)');

$('.my ul li:nth-child(1)');

undefinedのコメントに基づいて編集します。

あなたは彼の解決策、または次のようなものを使うことができます：

$('.my ul li').filter(function(){
    return $(this).text === 'title to select';
});

Answer 2

CSSセレクターを使用するか、jQueryトラバース関数を使用できます。

オプションa：

$('.class1213 ul li:first-child')
// selects only the first li child of ul

オプションb：

$('.class1213 ul li').first()
// first selects all li's, then only uses the first element found

Answer 3

$('div.my > ul > li:first-child');