如何根据具有特定值的不同数据属性查找元素 [英] How to find an element based on different data attributes with certain values

问题描述

我有一些具有不同数据属性的div标签，例如

I've got some div tags with diffrent data attributes, for example ,

<div class="sh_content" id="sh_content_3" data-price="price_1" data-capacity="capacity_1" data-debit="debit_3">
<!-- Content --->
</div>
<div class="sh_content" id="sh_content_2" data-price="price_1" data-capacity="capacity_2" data-debit="debit_2">
    <!-- Content --->
    </div>

使用js或jquery，如何找到包含值"price_1，capacity_1，debit_2"的"div"标签. 我经过很长时间的搜索，没有找到方便的解决方案. 关于我所缺少的东西有什么想法吗?

Using js or jquery, how can I find the "div" tag that contains values "price_1,capacity_1,debit_2". I searched long for it and didn't find a convenient solution. Any ideas on what I'm missing?

推荐答案

您可以使用属性选择器.

无论是否使用jquery，您都可以这样做.

You can do this both with and without jquery.

var elements = document.querySelectorAll('div[data-price="price_1][data-capacity="capacity_1"][data-debit="debit_2"]');

或使用jQuery:

var $elements = $('div[data-price="price_1][data-capacity="capacity_1"][data-debit="debit_2"]');

这篇关于如何根据具有特定值的不同数据属性查找元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！