定位数据属性

时间:2014-02-27 22:25:52

标签: 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</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中但都使用'data-amount'我想知道是否有一种方法可以代替一般的目标div,定位这些按钮的最高父div并检索数据值相应

1 个答案:

答案 0 :(得分:2)

您可以通过以下网址获取所有div data-amount

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

或具有

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