如何根据具有特定值的不同数据属性查找元素

Question

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

<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，我怎样才能找到＆＃34; div＆＃34;标记包含值＆＃34; price_1，capacity_1，debit_2＆＃34;。 我长期搜索它并没有找到一个方便的解决方案。 关于我失踪的任何想法？

Answer 1

在jQuery选择器中使用属性：

$("div[data-price=price_1][data-capacity=capacity_2][data-debit=debit_2]");

Answer 2

您可以使用attribute selector。

无论是否使用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"]');