Как выбрать элемент с определенным классом для data-*?

Question

[cocomuffin]

На странице есть элементы с определенными data-name, эти элементы содержатся в классах class1 и class2:

<div class="class1" data-name="findName"> </div>
<div class="class1" data-name="findName1"> </div>
<div class="class2" data-name="findName"> </div>
<div class="class2" data-name="findName2"> </div>

т.е. к примеру запрос $('[data-name=findName]')вернет нам два элемента:

<div class="class1" data-name="findName"> </div>
<div class="class2" data-name="findName"> </div>

Как составить правильно запрос, чтобы получить элемент, у которого data-name=findName и класс=class1?
$('.class1 [data-name=findName]') не срабатывает.

Answer 1

[Александр]

Пробел лишний, правильно так:
$('.class1[data-name=findName]')

Comments

[cocomuffin]

Спасибо! Помогло!

Answer 2

[Александр Гримашевич]

let out_array = [];

    $('.class1').each(function(){
        if ($(this).data('name') == 'findName')
            out_array.push($(this));
    });

    console.log(out_array);