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> <span>悲傷</ span> <span>上</ span> <span>下</ span>

此語法中是否可以將包裝的<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>

Answer 2

嘗試用HTML實體替換<和> 。 http://www.w3schools.com/html/html_entities.asp

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