javascript - 定位数据属性

Question

我有一些按钮，它们位于几个 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" ).data( "amount" ) === "stuff";

我的按钮位于不同的 div 中，但都使用“数据量”相应地。

Answer 1

您可以通过以下方式获取所有具有data-amount 的div:

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

或特定的

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