1. 程式人生 > >table可編輯表格寫法(簡單)

table可編輯表格寫法(簡單)

1、新增JS

$(".table").find(".dbclicktd").bind("dblclick", function () {
        var input = "<input type='text' id='temp' style='width:130px;' value=" + $(this).text() + " >";
        $(this).text("");
        $(this).append(input);
        $("input#temp").focus();
        $("input").blur(function
() {
if ($(this).val() == "") { $(this).remove(); } else { $(this).closest("td").text($(this).val()); } }); });

2、給要編輯的td加class就可 。

<td class="dbclicktd"></td>