Используя jQuery, как я могу выбирать элементы по нескольким атрибутам данных?

Рассмотрим этот массив тегов p, индексированных атрибутами данных.

<p class='my-class' data-id='0' data-id-index='1'></p>
<p class='my-class' data-id='0' data-id-index='2'></p>
<p class='my-class' data-id='1' data-id-index='1'></p>
<p class='my-class' data-id='1' data-id-index='2'></p>

Чтобы выбрать p на data-id и добавить текст, я могу использовать:

$('.my-class[data-id="' + dataId + '"]').append(myText);

Вышеуказанное добавит myText ко всем тегам p с тем же data-id. Но как насчет того, чтобы я хотел выбрать как data-id, так и data-id-index?

Ответы

Ответ 1

Сделайте то же, что вы уже сделали... селектора атрибутов могут быть привязаны:

$('.my-class[data-id="' + dataId + '"][data-id-index="'+dataIdIndex+'"]').append(myText);