Question

Here is a html. I don’t care it’s valid or not, I just want to query “title to select” from it using jQuery and nothing more.

<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>​​​​

How can I do it?

Answer 1

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

Should be enough

Alternatives:

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

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

Edit based on undefined’s comment:

You could use his solution, or something like:

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