连接两个字符串以在 html 属性中使用

Question

我得到：

<tr data-providernum="12345" data-providername="JARVIS," claire="" elizabeth="">

当我想要的时候：

<tr data-providernum="12345" data-providername="JARVIS, claire" >

我的代码是：

var lastname      = record[1];
var firstname     = record[2];

var fullnames = lastname+ ', ' + firstname;

var newRow = "<tr data-providernum=" + providerNum + " data-providername=" + fullnames + "><td>" + providerNum + "</td><td>" + lastname + "</td><td>" + firstname + "</td></tr>";
$("#searchresult").append(newRow);  

我尝试过双引号和单引号的不同组合来构建我的字符串，但现在我只是在旋转我的轮子。

我如何实现这一目标？

Answer 1

使用 jQuery 的创建方法创建 HTML 元素而不是字符串

const newRow = $("<tr>", {
  "data-providernum": providerNum,
  "data-providername": fullnames,
}).append(
  $("<td>", { text: providerNum }),
  $("<td>", { text: lastname }),
  $("<td>", { text: firstname }),
);