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

Question

您好我在添加一些HTML链接添加到我的HTML页面时遇到了一些麻烦.我试过四处寻找,但到目前为止没有任何帮助.

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

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

这看起来像Roster:在视图中

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

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

这将更新我的视图 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