在JavaScript变量中添加HTML代码？

Question

我只是想知道如何在javascript变量中添加html代码？例如，我想在其中一条消息行中使用HTML代码（<a href="/example.html">链接代码段）：

var messages = [
"Please wait while we handle your request...",
"This is taking longer than usual to process - please wait...",
"We seem to be having trouble - please click here to contact support"
];

$.each(messages, function(index, message) {
setTimeout(function() {
    $('#wrapper').append(
        $('<p />', {text : message})
    )
}, index * 1500); // 1.5 seconds, add a zero for 15 seconds
});

所以它会像：

var messages = [
"Please wait while we handle your request...",
"This is taking longer than usual to process - please wait...",
"We seem to be having trouble - please click <a href="/help.html">here</a> to contact support"`

有没有办法做到这一点？

Answer 1

当然，你必须：

1. 将引号（"）修复为转义它们的字符串（\"）。
2. 使用html:代替text:。

---

首先，像这样编辑messages变量：

var messages = [
    "Please wait while we handle your request...",
    "This is taking longer than usual to process - please wait...",
    "We seem to be having trouble - please click <a href=\"/help.html\">here</a> to contact support"
];

然后编辑代码以创建<p>元素，如下所示：

 $('<p />', {html : message});