当不是每个元素都具有选择类jquery时，选择nth-last-child

Question

I'm looking for something like the following CSS4 selector in jQuery : :nth-last-match(selector)

I need to select the second to last element from a list of elements where not every element has a class - Please see the following example highlighting what i am hopeing to achieve.

 $('.select:nth-last-child(2)').addClass('selected'); 

 .test.selected { color:red; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div> <div class="test">a</div> <div class="test select">a</div> <div class="test">a</div> <div class="test select">a</div> <div class="test">a</div> <div class="test">a</div> <div class="test select">EXPECTED SELECTION</div> //This element should be selected <div class="test">a</div> <div class="test select">a</div> <div class="test">a</div> </div> 

Many Thanks.

Answer 1

You can use .get() method with negative argument value:

var expected = $('div .select').get(-2);
$(expected).css('background', 'red');

So, .get(-1) is the last element of this collection, and .get(-2) is second from the end.
Check the below snippet

 var expected = $('div .select').get(-2); $(expected).css('background', 'red'); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div> <div class="test">a</div> <div class="test select">a</div> <div class="test">a</div> <div class="test select">a</div> <div class="test">a</div> <div class="test">a</div> <div class="test select">EXPECTED SELECTION</div> <div class="test">a</div> <div class="test select">a</div> <div class="test">a</div> </div>