javascript - 涉及引号时动态生成HTML

我有以下脚本：

function Start() {

    var TheData = 'tes"sst3\'k';

    var TheHTML = '<div class="SomeClass">' + TheData + '</div>';
    TheHTML += '<input type="text" id="TheTextBox" value="';
    TheHTML += TheData + '" />';

    $('#Dynamic').html(TheHTML);
}

基本上，我是在动态创建HTML并将一些可变文本嵌入其中。问题在于文本包含引号，并且文本框的值由于引号而与标签的值不匹配。我该如何解决？



jsFiddle是here。

谢谢

最佳答案

由于您使用的是jQuery，因此不必担心转义字符串，只需执行以下操作：

$(Start);
function Start() {
    var TheData = 'tes"sst3\'k';
    var TheHTML = '<div class="SomeClass">' + TheData + '</div>';
    TheHTML += '<input type="text" id="TheTextBox" />';
    $('#Dynamic').html(TheHTML);
    $('#TheTextBox').val(TheData);
}

jsFiddle example

关于javascript - 涉及引号时动态生成HTML，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21144927/