如果 td 有任何文本，则附加逗号 (,) 加上 html，否则仅附加 html

Question

我正在编写一些 jQuery 代码，但我有一些疑问。这是我到现在为止的：

var html = '';
data.entities.forEach(function (value, index, array) {
    html += index !== data.entities.length-1 ? value.pais + ', ' : value.pais;
});

var rowUpdate = $('#distribuidorBody').find('#td-' + data.idToUpdate);
rowUpdate.text() !== "" ? html += ', ' + html : html;
rowUpdate.append(html);

大想法：我可以多次执行相同的代码，所以第一次 rowUpdate 没有任何值，所以 text() 是空的，我会得到一些 HTML 输出，例如：Country1, Country2, Country3 和依此类推，然后rowUpdate.text() 应该是Country1, Country2, Country3。因此，如果我第二次运行相同的代码并添加Country4, Country5，那么rowUpdate.text() 应该是Country1, Country2, Country3, Country4, Country5。我的代码对吗？如果没有任何帮助？我没有收到错误，但我需要了解我所做的是对还是错。我也想知道这段代码的作用：

rowUpdate.text() !== "" ?: html += ', ' + html;

它不是我的，我在它周围看到它，但不知道它的作用。

Answer 1

forEach 的替代品可以是 map。

var text = data.entities.map(function(v){ return v.pais }).join(', ');

或reduce:

var text = data.entities.reduce(function(a, b){ return {pais: a.pais +', '+ b.pais}}).pais;

对于三元运算符，您需要两个表达式：condition ? expr1 : expr2 MDN

var rowUpdate = $('#distribuidorBody').find('#td-' + data.idToUpdate);
text = (rowUpdate.text() !== "") ? ', ' + text : text;
// alternative with if
// if(rowUpdate.text() !== "") text = ', ' + text ;
rowUpdate.append(text);

---

更新：在每个值上添加span

var text = data.entities.map(function(v){ return '<span class="countryToDelete">' + v.pais + '</span>'  }).join(', ');

Answer 2

一个可能更好的解决方案是建立一个您想要显示的项目数组，然后使用.join(', ') 创建文本：

var items = [];
data.entities.forEach(function (value, index, array) {
    items.push(value.pais);
});
var displayText = items.join(', ');
$('#distribuidorBody').find('#td-' + data.idToUpdate).html(displayText);

现在，最后一行，因为'#td-' + data.idToUpdate 是一个ID，它应该是页面唯一的（如果不是，你应该让它如此）。如果或一旦这是真的，您可以将其缩短为

$('#td-' + data.idToUpdate).html(displayText);