如何仅使用jQuery选择top <li> </li>

Question

这是一个HTML。我不在乎它是否有效，我只是想使用jQuery从它中查询“title to select”，仅此而已。

<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 traversing函数。

选项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');