Задайте значение атрибуту с помощью jquery

Question

Я хочу добавить значение к атрибуту. I found этот, но мои требования немного разные. Я хочу установить значение в функции onclick="add('id', 5)".

onclick="cart.add('<?php echo $product['product_id']; ?>', here i want to set with jQuery);" 

Пожалуйста также просмотреть мой code

Answer 1

Более сильный раствор:

Установите data-productid как для ввода и кнопка тестирования:

var cart = { // JUST TO TEST 
 
    add : function(productid, val){ 
 
    alert(productid +' '+ val); 
 
    } 
 
} 
 

 
$(function() { // DOM ready 
 

 
    $('.qtyplus, .qtyminus').on('click',function(){ 
 
    var $qty = $('.featured-shopping-qty'); 
 
    var currVal = Math.abs(parseInt($qty.val(), 10)); 
 
    var isPlus = $(this).hasClass("qtyplus"); 
 
    var calc = currVal + (isPlus? 1 : -1) 
 
    $qty.val((!isNaN(calc) && calc>=0) ? calc : 0); 
 
    }); 
 
    
 
    $(document).on("click", ".throwToBasket", function(){ 
 
    var productid = $(this).attr("data-productid"); 
 
    var val = parseInt($("input[data-productid='"+ productid +"']").val() , 10); 
 
    cart.add(productid, val); 
 
    }); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="qtybox"> 
 
    <input type="text" name="quantity" value="0" class="qty featured-shopping-qty" data-productid="aaaaa"> 
 
</div> 
 
<div class="plusminus"> 
 
    <div><input type="button" value="+" class="qtyplus"></div> 
 
    <div><input type="button" value="-" class="qtyminus"></div> 
 
</div> 
 
<a href="javascript:void(0);" class="throwToBasket" data-productid="aaaaa">test</a>