Utilizzando jQuery, come posso selezionare gli elementi in base a più attributi dei dati?

Question

Considerare questo array di tag p indicizzati dagli attributi dei dati.

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

Per selezionare un p da data-id e aggiungere del testo posso usare:

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

È possibile che questo aggiungerà myText a tutti p tag con lo stesso data-id. Ma che dire se volessi selezionare sia da data-id sia da data-id-index?

Answer 1

fare lo stesso come hai già fatto ... i selettori di attributo possono essere concatenati:

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