如何在jquery中将值写入html元素的属性?

时间:2017-01-31 10:13:01

标签: jquery html

我编写了一个代码,用于将值写入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的值不能写入按钮,为什么会这样呢?

3 个答案:

答案 0 :(得分:1)

一切都可以改变

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

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

或者

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

答案 1 :(得分:0)

使用数据属性时,可以使用以下内容设置为数据属性值

  void someFunc() {
    printTitle("var");
  }

  public void printTitle(String field) {
    Anno anno = getClass().getField(field).getAnnotation(Anno.class);
    if(annotation != null) {
      ...
    }
  }

并获取值只需使用以下

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

答案 2 :(得分:0)

你犯了一个错误: 您的按钮ID为false,在您的jquery代码中,您正在执行此操作equpn。 有一个错误就是你没有得到答案的原因。请像这样更改按钮的代码。


button#equp

<强>更新

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