table可编辑表格写法(简单)

1、添加JS

$(".table").find(".dbclicktd").bind("dblclick", function () {
        var input = "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>

你可能感兴趣的:(html类点)