使用jQuery,如何通过多个数据属性选择元素?

前端之家收集整理的这篇文章主要介绍了使用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);

猜你在找的jQuery相关文章