jqueryのhtml要素の属性に値を書き込む方法は？

Question

私はhtml要素の属性に値を書き込むためのコードを書かれていると私はSUBBの値を記述する必要がありますする入力ボタンを以下に示します。

$(".namequip").click(function(){ 
 

 
    var cartno = 22; 
 
    //var onesOnly = cartno % 10; 
 
    var cartno = parseInt(cartno%10); 
 
    var initialno = $('.namequip').attr("data-cartno"); 
 
    if(initialno == ""){ 
 
    var initialno = 0; 
 
    } 
 

 
    alert(cartno); 
 
    alert(initialno); 
 

 
    var subb = parseInt(cartno) - parseInt(initialno); 
 
    alert(subb); 
 

 
    $("button#equp").find('.namequip').attr('data-cartno',subb); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<button type="button" id="equpn" class="namequip btn btn-primary prev-step" data-fname="" data-cartno="" data-fid="" data-name="" data-id=""> 
 
    Next Person 
 
</button>

しかし、値subbのボタンに書き込むことはできません、なぜそれはそうですか？

Answer 1

すべての[OK]をちょうど変更

$("button#equp").find('.namequip').attr('data-cartno',subb); 

へ

$(this).attr('data-cartno',subb); 

それとも

$(this).data('cartno',subb); 

Answer 2

あなたがデータを使用しているあなたは、データが属性値として設定するには、次のように使用できる属性、

$("button#equp").find('.namequip').data('cartno',subb); 

と値は単純に以下の

$("button#equp").find('.namequip').data('cartno'); 

Answer 3

を使用し得るためには、あなたはミスを犯しました。 あなたのボタンのIDはequpnで、あなたのjqueryコードではこれはbutton#equpです。 答えが得られないのは間違いです。このようにボタンのコードを変更してください。

$("button#equpn").find('.namequip').attr('data-cartno',subb); 
}); 

更新：

$("#equpn").attr('data-cartno',subb);