用jQuery获取ID不起作用

时间:2018-08-02 17:16:10

标签: javascript c# jquery model-view-controller

我是Java语言的新手,我使用jquery并尝试获取element的id和element的值。

这是第一个ajax请求:

   $.ajax({
    type: "POST",
    url: "Home/AddText",
    data: JSON.stringify({ text: newText }),
    contentType: "application/json",
    success: function (result) {
        idRow = result.id;
        $("#myTable").append("<tr id = row" + idRow + "><td id = text>" +
            result.text + "</td><td>" +

            "<input type=checkbox id=checkbox onclick=CrossOut(" + idRow + ")>" + " " +

            "<a class=btnEdit onclick=Edit(" + idRow + ")>Edit</a>" +  " " +

                //show this buttons only if the edit button is clicked
                "<a class=btnSave onclick=Save(" + idRow + ")>Save</a>" + " " +

                "<a class=btnCancel onclick=Cancel(" + idRow + ")>Cancel</a>" + " " +

            "<a class=btnDelete onclick=Delete(" + idRow + ")>Delete</a>"

            + "</td> </tr>");

        idRow++;

        $(document).find('#text').attr('contenteditable', 'true');
        $(document).find('.btnSave').hide();
        $(document).find('.btnCancel').hide();
    }
})

这是函数:

function Save(idRow) {

var newText = $("#text").val();
console.log(newText);

$.ajax({
    type: "POST",
    url: "Home/Update",
    data: JSON.stringify({ id: idRow, text: newText }),
    contentType: "application/json",
    success: function (result) {
        $("#text").add(newText);

        $(document).find('.btnSave').hide();
        $(document).find('.btnCancel').hide();
        $(document).find('.btnEdit').show();
    }
})

}

因此,当我记录newText变量时,它什么也不显示。

1 个答案:

答案 0 :(得分:0)

由于您正在使用td,因此需要使用.text()

var newText = $("#text").text();

还请注意,如果您继续添加行,则您可能会有多个唯一的id,而$(#text)只会让您获得第一个。