Jquery - 动态地将<span>包装到每个数组值的问题

Question

嗨大家好我有个问题。在这个论坛的专家的帮助下，我能够得到一个简单的时间表应用程序。一切都很好。我只是想做一个简单的调整。

以下是完整代码：

在此部分代码中：

 rw = '<tr><td>'+p.ID+'</td><td>'+p.description+'</td><td>'+
  s.join('<br>')+'</td><td>'+e.join('<br>')+'</td><td>'+h.join('<br>')
  +'</td><td>'+n.join('<br>')+'</td></tr>'

这一部分特别是：h.join('<br>')。我尝试将其更改为h.join('<span class="Hours"></span><br>')我希望这会返回<span class='Hours'>(amount of hours)</span><br>之类的内容，而是获得(amount of hours)<span class='Hours'></span><br>。

我现在明白，它不是.join函数输出数据的方式。所以我想我试试.join('<span class="Hours">')h.join('</span><br>')但也没有运气。基本上我只希望h数组中的每个条目都返回<span class='Hours'>(amount of hours)</span><br>。在不同的论坛上寻找答案，但似乎我可能需要重新编码这部分。

如果你们有不同的方法，那就好奇了吗？

Answer 1

您可以使用map：

h.map(function (text) {
  return "<span class='Hours'>" + text + "</span><br>"
})

Answer 2

那怎么样？

'<span class="Hours">' + h.join('</span><br><span class="Hours">') + '</span>'