javascript - JQuery - 用 html 转义替换引号

Question

表格显示了从我网站上的数据库中抓取的数据，当单击按钮时，将使用 onclick 属性调用“enableEditing”函数。然后，对于表中每一行的一个字段，将出现一个输入文本框，使用该字段作为值，使用键作为输入名称。

之前:

<tr class="data_row">
    <td class="property_cell">project ref</td>
    <td class="myNumber">200407</td>
</tr>

之后:

<tr class="data_row">
    <td class="property_cell">project ref</td>
    <td class="myNumber">
        <input name="project ref" value="200407">
    </td>
</tr>

jQuery:

function enableEditing(){

    $("#object_data tr").each(function(){
        var key = $(this).children(".property_cell").html();
        var value = $(this).children(".myNumber").text();
        $(this).children(".myNumber").html("<input name='" + key + "' value='" + value + "'>");
    });
}

这工作正常，但是数据库中的一些数据包含语音标记或单引号，当更改为输入字段时会弄乱输入 html。如何转义每个输入字段的 html？

Answer 1

有几种方法。不太容易出错的方法之一是让 jQuery/DOM 进行转义:

var input = $('<input name="'+key+'">');
input.val(value);
$(this).children(".myNumber").empty().append(input);