table可编辑表格写法（简单）

最新推荐文章于 2024-06-05 19:21:16 发布

IceYang-

最新推荐文章于 2024-06-05 19:21:16 发布

阅读量1.4w

点赞数 8

分类专栏： html类点文章标签： html table-编辑

本文链接：https://blog.csdn.net/YangBingX/article/details/71216082

版权

html类点专栏收录该内容

41 篇文章 1 订阅

订阅专栏

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());
            }
        });
    });