javascript - 如何在单击该 div 按钮时获取字段的输入值？

Question

我有多个产品 div，按钮具有相同的 onlick 功能。我想在单击按钮时获取输入字段的值。输入字段和按钮都属于同一个 div。目前我正在获取第一个产品的值单击任何按钮。请帮忙

<div class="buy" style="text-align:center;">
<span style="margin-right:3px;font-size:14px;" class="Lite_Price">$15.00</span>

<input type="hidden" maxlength="2" name="qty" class="quantity-wrp" id="itemqty" value="1">    
<input type="hidden" name="prod_id" id="prod_id" value="150">
<input type="hidden" name="code" id="code" value="151PM">
<input type="button" value="" onclick="promoproduct(this.id)" id="promo_button_1">

<div class="buy" style="text-align:center;">
<span style="margin-right:3px;font-size:14px;"   class="Lite_Price">$20.00</span>

<input type="hidden" maxlength="2" name="qty" class="quantity-wrp" id="itemqty" value="1">    
<input type="hidden" name="prod_id" id="prod_id" value="151">
<input type="hidden" name="code" id="code" value="152PM">
<input type="button" value="" onclick="promoproduct(this.id)" id="promo_button_2">

function promoproduct(clicked_id){

    var qty = $("#itemqty").val();
    var prod_id = $("#prod_idprod_id").val();
    var code = $("#code").val();

Answer 1

标识符必须是唯一的。

您应该将当前元素内容 this 传递给内联点击事件处理程序。您可以使用通用类和各种遍历方法来定位元素。

<input type="button" value="" onclick="promoproduct(this)" id="promo_button_2">

然后使用 .parent()/.closest() 使用关系来定位父 buy，然后使用 .find()

function promoproduct(clickedElem){
    var parent = $(clickedElem).closest(".buy");
    var qty =   parent.find('.quantity-wrp').val();
    var prod_id = parent.find('[name="prod_id"]').val();
    var code = parent.find('name="code"').val();    
}