在jQuery中轉義引號

Question

在以下示例中，轉義引號時出現了一些問題：

var newId = "New Id number for this line";

$(id).html('<td><input type="text" id="my' + newId + '" onKeyUp="runFunction("#my' + newId + '");"></td>');

問題是，當我查看生成的代碼時，id確實更新為id="myNewId" ，但是在函數調用中，它看起來像這樣：

onkeyup="runFunction(" #row2="" );=""

我到底在做什么錯？

Answer 1

只是不要將JavaScript放入HTML字符串中：

$(id).html(
  '<td><input type="text" id="my' + newId + '"></td>'
).find("input").keyup( function() {
  runFunction("#my" + newId);
});

考慮一下，在這種特殊情況下，您可以將keyup()函數體交換為：

  runFunction(this);

因為您似乎想在對象本身上運行該函數。

Answer 2

您需要將HTML字符引用用於HTML屬性值。 嘗試這個：

function htmlEncode(str) {
    var map = {"&":"amp", "<":"lt", ">":"gt", '"':"quot", "'":"#39"};
    return str.replace(/[&<>"']/g, function(match) { return "&" + map[match] + ";"; });
}

$(id).html('<td><input type="text" id="my' + newId + '" onKeyUp="' + htmlEncode('runFunction("#my' + newId + '");') + '"></td>');

Answer 3

您忘記了轉義屬性的引號。

var newId = "New Id number for this line";

$(id).html('<td><input type="text" id="my' + newId + '" onKeyUp="runFunction(\'#my' + newId + '\');"></td>');

Answer 4

您應使用轉義的單引號\\'將#my...部分括起來。