javascript - 将字符串转换为 HTML - 字符串到 "a href"元素

Question

您好，我在将一些 HTML 链接添加到我的 HTML 页面时遇到了一些问题。我尝试四处搜索，但到目前为止没有任何帮助。

我的页面最初会加载一个片段:

<div style="display: inline-block; color: rgb(0, 255, 144)">Roster: </div>
<span id="teamRoster"></span>
<br />

看起来像 Roster:在 View 中

现在我的代码片段已被修改以添加名称:

var rosterListings = "";
for (var i = 0; i < teamRoster.length; i++) {
    rosterListings = rosterListings + teamRoster[i] + ", ";
}
$("#teamRoster").text(rosterListings);

这会将我的 View 更新为 Roster: John, Frank, Susan, ect..

但是，我现在正在尝试添加 <a href>标记在每个人周围并将它们全部变成实际链接。我的尝试看起来像这样

var rosterListings = "";
    for (var i = 0; i < teamRoster.length; i++) {
        rosterListings = rosterListings + " <a href='" + idList[i] + "'>" + teamRoster[i] + "</a>,";
    }
    $("#teamRoster").text(rosterListings);

显示为

Roster: <a href='#'>John</a>, <a href='#'>Frank</a>, ect..

我理解为什么会发生这种情况，因为我正在设置实际的文本/字符串，但是有没有办法将这个字符串转换为 HTML 元素？我试过几个$.parseHTML我从谷歌搜索中找到的代码片段，但我一定是错误地实现了它们。:(

感谢任何帮助，谢谢!

Answer 1

嗯，解决方案很明显

只是替换

 $("#teamRoster").text(rosterListings); 

与:

$("#teamRoster").html(rosterListings);

因为如果您将它用作文本，那么它会将其视为文本；如果您编写 html，则它会将其视为 html