实现鼠标单击修改内容

现有表中的一行代码如下所示：

二
公司简介
内柱
二

实现鼠标点击修改内容如下：

1。单击列排序列中的数字，获取同一行的第一列的内容，即列id。

2。隐藏列类型中的数字

三.在列序列中插入输入框，并在输入框中显示列排序中的内容，并将其设置为焦点。

4。修改输入中的内容，在焦点丢失时提交数据，然后通过Ajax将数据传输到服务器作为POST方法。

5。提交数据时，修改友好提示或等待图片。

6。返回成功信息，显示修改后的内容和删除输入框

这个函数的jQuery核心代码如下所示：

$（'。listorder）。Click（function（e）{
var $article->catid =（这）美元。父母（兄弟姐妹）（TD：情商（0））（文本）； / /得到的ID值，在同一行的第一列
无功listorder_now_text =美元（这）。文本（listorder）； / /获得第一个存储内容
$（this）
无功list_form =；
$（这）。母（。追加）（list_form）； / /插入输入框
$（。listorder_input ）重点（）；
自定义div提示符的更改
var加载=；
$（））父（）；
$（#加载）
CSS（{
颜色：红色
：否
}）
ajax的全局事件定义
$（这）。AjaxStart（function（）{）
$（#加载），表明（）；
}）
$（这）。AjaxStop（function（）{）
$（#加载）删除（）；
}）
$（。listorder_input）。Blur（function（）{）
这篇文章= $（this）VaR（兄弟姐妹）； / /获得标签改为显示listorder
美元。
行动：mod_listorder
Catid：$article->catid，
listorder：$（this）。Attr（价值）
}，功能（数据，textstatus）{
$（这篇文章）的文字（数据）；
}
）； / / end.post
美元（这个）；
}）结束函数模糊
结束函数单击）

对ajax.php内容简单，这里只做加工做演示，而不向服务器提交数据，代码如下：

睡眠（1）；延迟操作1，查看效果，而不是实际代码
echo $ _post { 'listorder}；