Javascript 将类更改为可编辑的表格单元格

我有一个问题，我肯定以前有人问过，但我在这里找不到

我有一个表单元格，其中包含从MySQLIDB加载的数据-我使用css限制了单元格的大小

    .hideContent {
        overflow: auto;
        line-height: 1em;
        height: 4em;
    }

    .showContent {
        overflow: auto;
        line-height: 1em;
        height: 40em;
    }

为了使工作正常，我需要将

包装在

中，如下所示：

<td> <div class="hidecontent"> </div> </td>

问题是，这个单元格也是可编辑的，所以当我编辑td时，保存在mysqli db中的数据包含

标记。我是用别人在网上找到的代码来做的，对不起，我不记得是从哪里得到的

            <div class="hideContent">
                <td contenteditable="true" onBlur="saveToDatabase(this,'summary','<?php echo $result['id']; ?>','<?php echo $_GET['customer'] ?>','corr')">
                    <?php echo $result['summary']?>
                </td>
            </div>

function saveToDatabase(editableObj,column,id,cust_name,db) {
    $(editableObj).css("background","#FFF url(loaderIcon.gif) no-repeat right");
    $.ajax({
        url: "saveedit.php",
        type: "POST",
        data:'column='+column+'&editval='+editableObj.innerHTML+'&id='+id+'&cust_name='+cust_name+'&db='+db,
        success: function(data){
            $(editableObj).css("background","#FDFDFD");
        }        
    });
}

函数saveToDatabase（可编辑对象、列、id、客户名称、数据库）{
$（editableObj.css（“背景”，即“#FFF url（loaderIcon.gif）无重复右键”）；
$.ajax({
url:“saveedit.php”，
类型：“POST”，
数据：'column='+column+'&editval='+editableObj.innerHTML+'&id='+id+'&cust_name='+cust_name+'&db='+db，
成功：功能（数据）{
$（editableObj）.css（“背景”，“#fdfd”）；
}        
});
}

在这里，我还想将类更改为“showContent”onClick。希望你能帮助我：）

总而言之：我想要一个可编辑的表格单元格（MySQLIDB的数据），它还可以动态更改css样式。可能吗

---

谢谢

我无法用完整的源代码指导您

但是，我仍然可以指导您完成以下步骤：

1） 对于每个数据，您都有at

2） 添加两个单独的元素：一个span/div元素以显示数据

3） 默认情况下隐藏另一个文本字段

4） 首先，用数据加载span/div

5） 说它有

id=“name”

6） 单击它，显示文本框

7） 获取当前id，在其上附加“-text”

8） 这将是可编辑元素的

id

9） 现在，您可以编辑

10） 在文本框模糊时，激发AJAX请求以将值保存到数据库

11） 另外，隐藏文本框并显示相应的span/div（当然是更新的值）

---

希望它能起作用。

谢谢。我不确定我是否完全理解，但我会试一试。谢谢你的帮助。