javascript - jQuery 用新 ID 替换旧 ID

标签 javascript jquery html

我正在尝试用新 ID 替换旧 ID,但此功能不起作用。如何解决此错误?

$("#addfield").click(function(){
    alert($(this).data('id')+1);
    $(this).data('id', + $('#addfield').data('id')+1);
    console.log($(this).data('id'));
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="btn btn-success addfield" id="addfield" class="addfield" data-id="1">Add field</a>

最佳答案

问题

var newvalue = currentvalue++;

执行此命令时,newvalue 的值为 1,然后只有 currentvalue 更改为 2。

因为它是后增量。

改为预自增

$(".addfield").click(function(){
      var currentvalue = $(this).attr('id');
      var newvalue = ++currentvalue;
      $('.addfield').attr('id', newvalue);
      alert(currentvalue);
      console.log($(".addfield"));
    })
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="btn btn-success addfield" id="1" class="addfield">Add field</a>

关于javascript - jQuery 用新 ID 替换旧 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43068424/

相关文章:

javascript - 使用jquery分页

javascript - jquery 将 json 字符串转换为数组

jquery - Div(消息框)在运行时不会使用 jQuery 隐藏

javascript - 这个css代表什么?

javascript - JavaScript 中有类似 Tag 属性(.NET)的东西吗?

javascript - 元刷新 seo 问题并在单击表单字段时暂停

javascript - 将文本框插入符号移至光标

html - Bootstrap : 100% height div inside a th with rowspan

javascript - Bootstrap Accordion 效果不佳

php - PHP 跨域的 Ajax GET 响应