Mit jQuery, wie kann ich Elemente durch mehrere Datenattribute auswählen?

Question

Betrachten Sie dieses Array von Tags, die durch Datenattribute indiziert sind.

<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> 

Um einen p von data-id auswählen und Text anhängen kann ich verwenden:

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

Die oben myText allen p-Tags mit dem gleichen data-id anhängen wird. Aber was ist, wenn ich sowohl durch data-id als auch data-id-index auswählen wollte?

Answer 1

Machen Sie dasselbe wie Sie bereits haben ... die Attributselektoren verkettet werden können:

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