Javascript 如何使用jquery在单击时单独显示表行
我希望能够单击表中的一行并编辑该特定行。我的目标是将其打开为可编辑的表单。我似乎无法让它以表单的形式输出行。我试过几种不同的方法。我在这里有基本的设置。如何让它显示页面覆盖和表单中的特定行？我试着将它插入到输入中，但不起作用 我是否需要以不同的方式调用$（“.rowEditData”）来分隔每一列，如果需要，我该如何准确地做到这一点 函数openOverlay（）{ document.getElementById（“pageOverlay”）.style.visibility=“visible”； } 函数closeOverlay（）{ document.getElementById（“pageOverlay”）.style.visibility=“hidden”； } //显示要编辑的行数据或查看单行 $（“.rowEditData”）。单击（函数（索引）{ triggerEditOverlay（）； }); //用于编辑行的弹出式覆盖功能 函数triggerEditOverlay（）{ //清除分区 /*这里使用的是；after.html（），没有显示“表单”的其余部分*/ $（“#pageOverlay”）.empty（）； html=”“+$（“.rowEditData”）.html（）+”； $（#pageOverlay”）.html（html）； //开放div覆盖 openOverlay（）； }//结束弹出覆盖fnJavascript 如何使用jquery在单击时单独显示表行,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我希望能够单击表中的一行并编辑该特定行。我的目标是将其打开为可编辑的表单。我似乎无法让它以表单的形式输出行。我试过几种不同的方法。我在这里有基本的设置。如何让它显示页面覆盖和表单中的特定行？我试着将它插入到输入中，但不起作用 我是否需要以不同的方式调用$（“.rowEditData”）来分隔每一列，如果需要，我该如何准确地做到这一点 函数openOverlay（）{ document.getElementById（“pageOverlay”）.style.visibility=“visible
#pageOverlay{可见性：隐藏；位置：绝对；宽度：100%；高度：100%；背景色：rgba（0,0,0,0.25）；z索引：99；}
#pageOverlay div{填充：1%；宽度：30%；高度：80%；边距：100px；左边距：35%；背景色：rgb（255255）；}
形状名称
边数
内角之和
六角形
6.
无效的
无效的
6.
无效的
无效的
3.
180
无效的
4.
360
无效的
5.
540
无效的
6.
120
无效的
10
1440
八角形
8.
无效的
五角形
无效的
无效的
五角形
无效的
无效的
广场
4.
无效的
广场
无效的
无效的
广场
4.
无效的
梯形
4.
无效的
三角形
3.
无效的
三角
3.
无效的
this$（this）$（“.rowEditData”）.html（）//显示要编辑的行数据或查看单行
$（“.rowEditData”）。单击（函数（）{
html=“”+$（this.html（）+”；
$（“#pageOverlay”）.html（html）.show（）；
});
$（文档）。在（'click'，'#editablediv input'，函数（）上{
$（“#pageOverlay”）.hide（）；
})#页面覆盖{
显示：无；
位置：绝对位置；
宽度：100%；
身高：100%；
背景色：rgba（0,0,0,0.25）；
z指数：99；
}
#页面覆盖分区{
填充：1%；
宽度：30%；
身高：80%；
利润率：100像素；
左边缘：35%；
背景色：rgb（255、255、255）；
}
形状名称
边数
内角之和
六角形
6.
无效的
无效的
6.
无效的
无效的
3.
180
无效的
4.
360
无效的
5.
540
无效的
6.
120
无效的
10
1440
八角形
8.
无效的
五角形
无效的
无效的
五角形
无效的
无效的
广场
4.
无效的
广场
无效的
无效的
广场
4.
无效的
梯形
4.
无效的
三角形
3.
无效的
三角
3.
无效的
$（this）.find（'td'）.eq（0）.html（）eq（1）