Javascript 目标数据属性

Javascript 目标数据属性,javascript,jquery,html,Javascript,Jquery,Html,我有一把按钮,它们在两个div中,如下所示: <div id="inventory"> <div> <button data-amount="1">Buy 1 @ $0.30</button> <button data-amount="4">Buy 4 @ $1.00</button> <button data-amount="30">Buy 30 @ $6.00</but

我有一把按钮,它们在两个div中,如下所示:

<div id="inventory">
  <div>
     <button data-amount="1">Buy 1 @ $0.30</button>
     <button data-amount="4">Buy 4 @ $1.00</button>
     <button data-amount="30">Buy 30 @ $6.00</button>
     <button data-amount="140">Buy 140 @ $21.00</button>
  </div>
</div>

<div id="product">
  <div>                 
    <button data-amount="1">1</button>
    <button data-amount="10">10</button>
    <button data-amount="all">All</button>
  </div>
</div>

我的按钮位于不同的div中,但都使用“数据量”。我想知道是否有一种方法可以代替通常的div,将这些按钮的最高父div作为目标,并相应地检索数据值。

您可以通过以下方式获得所有具有
数据量的div:

var cont = $("#inventory").find("button[data-amount]");
或者一个特定的

var cont = $("#inventory").find("button[data-amount=all]");
var cont = $("#inventory").find("button[data-amount=all]");