JQuery (селектор), как выбрать последний элемент из двух разных классов

Question

для следующего html

<div>
    <div class="col1" >
         I dont want to select this
    </div>
    <div class="col2">
         I dont want to select this
    </div>
    <div class="col1">
         I dont want to select this
    </div>
    <div class="col1">
         I dont want to select this
    </div>
    <div class="col2">
         I WANT to select this
    </div>
</div>

Как выбрать последний элемент с двумя разными именами классов?

Пробовал с помощью

$("col1:last,col2:last)

но возвращает 2 элемента

пытался

$("col1,col2:last")

и это дает все col1 и последний из col2

Answer 1

Сначала получите все элементы с любым именем класса, затем выберите последний:

$('.col1,.col2').filter(':last')

Answer 2

попробуйте метод last () .

$(".col1,.col2").last();