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

根据未定义的评论进行编辑：

你可以使用他的解决方案，或者类似的东西：

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

Answer 2

您可以使用 CSS 选择器，也可以使用jQuery 遍历函数。

选项一：

$('.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');