如何使用我的添加到购物车（此）js 函数定位添加到购物车按钮内的 class 数量

Question

我需要在 addtocart() 中获取输入类型数量请告诉我如何定位我已经尝试过 $(this).find('.qty').val();但还是不行。

<div class="btn btn-sm btn-info add-to-cart-btn"
   onclick="AddtoCart(this)" data-price="'.$a['vkpries'].'" 
   data-arnr="'.$a['arnr'].'" data-mandant="'.$a['mandant'].'" 
   data-name="'.$a['bezeichnung'].'">
   <input type="hidden" ng-value="qty" name="qty" class="qty">    
                                  Add To Cart
</div>

这是我的 JS 脚本

 function AddtoCart(data) {

    var itemname  = data.getAttribute("data-name");
    var itemprice = data.getAttribute("data-price");
    var arnr      = data.getAttribute("data-arnr");
    var mandant   = data.getAttribute("data-mandant");
    //  I need to Get The Quantity inside the button
    console.log(data);


    num += 1;
    swal(itemname , "Has been added to the cart!", "success")
    $('#cart-wrapper').append('<div class="row cart-items" id="item_num'+num+'" onclick="removeItem(this)" data-itemname="'+itemname+'" data-itemprice="'+itemprice+'"><input type="hidden" name="arnr[]" value="'+arnr+'"><input type="hidden" name="price[]" id="price" value="'+itemprice+'"><div class="col-md-12 col-xs-12"><span class="btn btn-sm btn-danger"><i class="fa fa-times"></i></span></div><div class="col-md-12 col-xs-12"><span>'+itemname+'</span></div><div class="col-md-6 col-xs-12"><span>Price = </span></div><div class="col-md-6 col-xs-12"><span> $'+itemprice+'</span></div></div>')
      getTotalPayment();

    // This will calculate all the item prices
}

Answer 1

$('.qty').value;

使用它来获取值。尽管作为旁注，您永远不想根据元素的 class 获取字段的值。不知道你为什么有这样的要求。 'class' 通常是 css 的指令，用于演示而非数据访问...

Answer 2

您要查找的值在子元素中，您现在设置它的方式是 "first()" 子元素，您可以使用

访问它

$(data).children().first().val()

如果不是首先添加其他输入或元素，则需要执行

$(data).children([name="qty"]).val()

如何使用我的添加到购物车（此）js 函数定位添加到购物车按钮内的 class 数量

How To Target The class qty inside the add-tocart-btn with my AddtoCart(this) js function

html

jquery

targeting