javascript - 带有 DIV 标记的未确定字符串文字错误

Question

我有一个 Javascript / JQuery 问题。

使用此代码时，我得到未终止的字符串文字：

var newInfo = '<div><span class="testClass"><a title="edit" href="'+link+'">'+oldVal+'</a></span></div>';

如果我删除</div> 标签，它可以工作......但我需要这个。我完全没有想法。

也许你能帮忙，谢谢。

Answer 1

逃脱你的斜线。

var newInfo = '<div><span class="testClass"><a title="edit" href="' + link + '">' + oldVal + '<\/a><\/span><\/div>';

您也可以将您的 html 构建为实际的 DOM 元素而不是字符串（这避免了很多陷阱，包括这个）。

var div = $('<div />'),
    span = $('<span />').addClass('testClass'),
    a = $('<a />').text(oldVal).attr({
        "href": link,
        "title": "edit"
    }),
    newInfo = div.append(span.append(a));

Answer 2

尝试使用

var newInfo = '<di'+'v><span class="testClass"><a title="edit" href="'+link+'">'+oldVal+'</a></span></di'+'v>';

分离 div 标签帮助我解决了类似的问题