Question

我正在尝试使用jquery实现可编辑的表。它工作正常，但在我再次点击它后显示<input type="text">

简化问题陈述： -

当我点击一个单元格时，它变得可编辑。

当我点击另一个单元格时，所有单元格值都变为<input type="text">

一旦我点击另一个单元格，我就会丢失我在一个单元格中输入的值。

我的小提琴在这里： - https://jsfiddle.net/6g9nwhqo/

jquery是： -

$('#editTable').click(function () {
    $('td').each(function () {
        var html = $(this).html();
        var input = $('<input type="text" />');
        input.val(html);
        $(this).html(input);
    });
});

Answer 1

每次点击都会调用

$('#editTable').click，因此当您第一次更改时，所有td都会随input更改click下次{{1}标签会传播到input，您可以使用#editTable，如下所示

$('#editTable').one('click'

Answer 2

在添加

之前，请尝试检查

 GUANGZHOU ADS AUDIO SCIENCE &amp; TECHNOLOGY CO.,LTD.
 SHIMA ADS INDUSTRIAL DISTRICT GUANGZHOU GUANGDONG CHINA
 GUANGDONG TEXTILES MANSION,NO.168 XIAO BEI RD.,GUANGZHOU
 GUANGDONG ,NO.168 XIAO BEI RD.,GUANGZHOU

td元素

input

Jquery表格单元格输入不起作用

2 个答案: