在 .append JQuery 中使用雙引號和單引號將變量作為參數傳遞給 onclick 函數

Question

我正在嘗試使用 JQuery 追加將變量作為參數傳遞給 onClick 函數。 由於行數不確定，我使用 $.each 在每行的末尾添加一個按鈕，單擊該按鈕將編輯該行。 因此，為了獲得該行，我將該行的 id 傳遞給按鈕中的 Onclick 函數，我對引號感到困惑，因為該函數不起作用。

這是代碼

$.each(result, function (key, item) {
                $("#table1").append("<tr><td>" + item.id + "</td><td>" + item.name + "</td> <td>" + item.type + "</td> <td>" + item.weight + "</td> <td>" + item.birthday + "</td> <td>" + item.hasHorns + "</td><td><input class='editR' id='" + item.id + "' type='button' value='EDIT' onclick='editRow('" + item.id + "')'/> </td> </tr>");
            });

功能

function editRow(eid) {

    $("#table1").empty();
    //var eid = $(this).attr("id");
    alert(this);
    $.getJSON(uri + "GetByID/" + eid, function (data) {
        $("#headerType").replaceWith("<h2>Edit Animal</h2>");
        $("#table1").append("<tr><td><h4>ID</h4></td> <td><h4>Name</h4></td> <td><h4>Type</h4></td> <td><h4>Weight</h4></td> <td><h4>Birthday</h4></td> <td><h4>Has Horns</h4></td></tr>");
        $("#table1").append("<tr><td>" + data.id + "</td><td>" + data.name + "</td> <td>" + data.type + "</td> <td>" + data.weight + "</td> <td>" + data.birthday + "</td> <td>" + data.hasHorns + "</td> </tr>");
    });
}

瀏覽器檢查元素的結果（抱歉，我無法發布圖片，因為它需要 10 張圖片）

<input class="editR" id="1" type="button" value="EDIT" onclick="editRow(" 1')'="">

一切正常，但點擊后沒有任何反應

謝謝

Answer 1

嘗試更改為

  onclick=\"editRow('" + item.id + "')\"/>