时间戳

首页 > 解决方案 > Jquery使用html动态追加数据属性值

javascript - Jquery使用html动态追加数据属性值

问题描述

我正在使用 jquery 可排序库，我会将项目从一个列表拖放到另一个列表。在删除项目的过程中，我将更改 html 内容。我也有数据属性。

onAdd: function (evt) {            
  var df="hm "+evt.item.innerText;
  alert(df);
  var content='<div class="list-group-item " >'+evt.item.innerText+' its modified  <span class="badge badge-primary badge-pill float-right" data-job='+df+'>14</span></div>';

  $(evt.item).replaceWith(content);

},

在警报中我得到正确的附加值，但data-job它只会设置 hm 并且 evt.item.innerText 不会附加

任何人都可以帮我正确附加它。

谢谢

标签： javascriptjqueryhtml

解决方案

您在表达式中缺少引号

使用下面的代码 data-job="'+df+'"

推荐阅读