使用javascript單擊“編輯”按鈕時，如何使行可編輯？

Question

$('#dependents-info').on('click', '.btn-edit-dependent', function () {
                var currentTD = $(this).parents('tr').find('td');
                //what code will I put here?
            });

單擊“編輯”按鈕時，我想使該行可編輯，該怎么做？

Answer 1

您需要在td內創建輸入字段，然后在要保存它們時使用javascript加載值並存儲它們。 所以你可以做

 $('#dependents-info').on('click', '.btn-edit-dependent', function () { var currentTD = $(this).parents('tr').find('td'); var newInput = currentTD.appendChild("input"); newInput.setAttribute("id","newInput1"); }); 

Answer 2

您可以通過添加contenteditable="true"使td可編輯。 參見下面的代碼。

        $('#dependents-info').on('click', '.btn-edit-dependent', function () {
            var currentTD = $(this).parents('tr').find('td');
            currentTD.prop("contenteditable","true");
        });

希望這可以幫助。