JavaScript模板：将每个单词包装在HTML元素中的字符串中

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 > <跨度>最多</SPAN > <跨度>下< /跨度>

此语法中是否有任何方式将标签输出为HTML格式的包装<span>？

---

UPDATE：http://jsfiddle.net/4QtUd/：与常规（非模板）语法，如果我只是写wrappedTags页面的作品。但是，我无法弄清楚在模板语法中执行此操作的等效方式。

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> 

Answer 2

尝试用HTML实体替换您的<和>。 http://www.w3schools.com/html/html_entities.asp

所以基本上：< -> &lt;和​​