JavaScript 模板 : wrap each word in a string in an HTML element

Question

我正在尝试修改 JavaScript 模板，以便特定字符串中的每个单词都包含在 <span> 中。元素。我有:

<% var tagString = "Happy Sad Up Down", tags = tagString.split(" "), wrappedTags = ""; %>
<% for (var i = 0; i < tags.length; i++) { %>
    <% wrappedTags += "<span>" + tags[i] + "</span>"; %>
<% } %>
<p><%=wrappedTags%></p>

问题是这输出 "<span>"和"</span>"作为文本，而不是 HTML，所以我最终在页面上显示以下文本:

快乐悲伤向上向下

此语法中是否有任何方法可以输出包装 <span>标签为 HTML？

<小时/>

更新:使用常规(非模板)语法，如果我简单地写 wrappedTags 就可以了。到页面:http://jsfiddle.net/4QtUd/ 。但是，我无法找出在模板语法中执行此操作的等效方法。

Answer 1

您可以执行类似的操作，直接在循环内输出它。

<% var tagString = "Happy Sad Up Down", tags = tagString.split(" "); %>
<p>
<% for (var i = 0; i < tags.length; i++) { %>
    <span><%= tags[i] %></span>
<% } %>
</p>