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

Question

我正在使用 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 不会附加

谁能帮我正确地附加它。

谢谢

Answer 1

表达式中缺少引号

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