jquery - 使用 jQuery，如何通过多个数据属性选择元素？

Question

考虑这个由数据属性索引的 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 附加到具有相同 data-id 的所有 p 标记。但是如果我想同时通过 data-id 和 data-id-index 进行选择呢？

Answer 1

您可以执行与之前相同的操作，属性选择器可以链接:

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