私は、切り抜いたデータ属性と、いくつかのdivタグを持っている特定の値

Question

と属性、例えば、JSやjqueryのを使用して

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

、どのように私は「divのを見つけることができます"price_1、capacity_1、debit_2の値を含むタグ。 私はそれを探し求めて便利な解決策を見つけませんでした。 私には何か不足しているアイデアはありますか？

Answer 1

あなたはこのために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"]'); 

Answer 2

使用して、あなたのjQueryのセレクタの属性：

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