Find <li> by jQuery

<ul>
    <li>text</li>
    <li class="new">text</l开发者_开发百科i>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li class="click">text</li>
    <li>text</li>
    <li class="new">text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li>text</li>
    <li class="click">text</li>
</ul>

When we click on li.click, how to get a first li.new between previous <li>?

You're looking for

$(this).prevAll('li.new:first')

$('li.click').click(function() {
   var new = $(this).prevAll('.new:first');
});