table可編輯表格寫法(簡單)
阿新 • • 發佈:2019-01-02
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>