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

要通过data-id选择一个p并附加文本，我可以使用：

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

以上将附加myText到具有相同数据id的所有p标签。但是，如果我想要同时选择data-id和data-id-index呢？

解决方法

执行与您已经做的一样…属性选择器可以链接：

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