时间戳

首页 > 解决方案 > 将数字与字符串值一起放置

javascript - 将数字与字符串值一起放置

问题描述

我有以下功能，可在单击按钮时添加动态字段

它工作正常，

我想要的只是用数据属性值替换计数的数字，因为数据属性具有图标和名称

function addNewField() {
    count = totalFields() + 1;
    field = $("#dynamic-field-1").clone();
    field.attr("id", "dynamic-field-" + count);
    field.children("label").text("Handler " + count); // it shows as Handler1, Handler2 
    field.find("input").val("");
    $(className + ":last").after($(field));

    followers = $("#dynamic-followers-1").clone();
    followers.attr("id", "dynamic-followers-" + count);
    followers.children("label").text("Number of Followers ");
    followers.find("input").val("");
    $(className + ":last").after($(followers));
  }

我希望这是 Handler (Twitter + Icon) // twitter 和 icon 是数据属性的一部分，因为值来自数据库

HTML

<div id="dynamic-field-1" class="form-group col-md-6 dynamic-field" data-name="twitter" data-icon='<i class="fab fa-twitter"></i>'>
  <label for="field" class="font-weight-bold">Handler</label>
  <input type="text" id="field" class="form-control" name="field[]" />
</div>
<div id="dynamic-followers-1" class="form-group col-md-6 dynamic-field">
  <label for="field" class="font-weight-bold">Number of Followers</label>
  <input type="text" id="fieldfollowers" class="form-control" name="fieldfollowers[]" />
</div>

标签： javascriptjquery

解决方案

推荐阅读