Jquery 动态制作表格
如何删除指定的一行代码如下<tablewidth="200"border="1"id="ta"><tr><td>se</td><td>fx</td><td>dx</td>...
如何删除指定的一行 代码如下
<table width="200" border="1" id="ta">
<tr>
<td>se</td>
<td>fx</td>
<td>dx</td>
<td>wb</td>
<td></td>
</tr>
</table>
<input name="" type="button" id="an6" value="add"/>
<script>
$("#an6").click(function(){
var fx=$("input[name='fx']:checked");
var chText=""
fx.each(function(m){chText+=$(this).val();})
var se=$("#se").val();
var dx=$("input[name='dx']:checked").val();
var wb=$("#wb").val();
$("#ta").append("<tr>"+"<td>"+se+"</td>"+"<td>"+chText+"</td>"+"<td>"+dx+"</td>"+"<td>"+wb+"</td>"+"<td>"+"<input name='delect' value='delect' type='button' id='dele' />"+"</td>"+"</tr>");
</script>
效果 点击delect时 会把这一行删掉 求大神 展开
<table width="200" border="1" id="ta">
<tr>
<td>se</td>
<td>fx</td>
<td>dx</td>
<td>wb</td>
<td></td>
</tr>
</table>
<input name="" type="button" id="an6" value="add"/>
<script>
$("#an6").click(function(){
var fx=$("input[name='fx']:checked");
var chText=""
fx.each(function(m){chText+=$(this).val();})
var se=$("#se").val();
var dx=$("input[name='dx']:checked").val();
var wb=$("#wb").val();
$("#ta").append("<tr>"+"<td>"+se+"</td>"+"<td>"+chText+"</td>"+"<td>"+dx+"</td>"+"<td>"+wb+"</td>"+"<td>"+"<input name='delect' value='delect' type='button' id='dele' />"+"</td>"+"</tr>");
</script>
效果 点击delect时 会把这一行删掉 求大神 展开
1个回答
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>注册页面</title>
<script type="text/javascript" src="jquery-1.9.0.min.js"></script>
<script type="text/javascript">
jQuery (function ($)
{
$ ("#an6").click (
function ()
{
var fx = $ ("input[name='fx']:checked");
var chText = ""
fx.each (function (m)
{
chText += $ (this).val ();
})
var se = $ ("#se").val ();
var dx = $ ("input[name='dx']:checked").val ();
var wb = $ ("#wb").val ();
$ ("#ta").append (
"<tr>" + "<td>" + se + "</td>" + "<td>" + chText + "</td>" + "<td>" + dx + "</td>" + "<td>"
+ wb + "</td>" + "<td>"
+ "<input name='delect' value='delete' type='button' id='dele' />" + "</td>"
+ "</tr>");
});
$ ('body').delegate ('#dele', 'click', function ()
{
$(this).closest('tr').remove();
});
});
</script>
</head>
<body>
<table width="200" border="1" id="ta">
<tr>
<td>se</td>
<td>fx</td>
<td>dx</td>
<td>wb</td>
<td></td>
</tr>
</table>
<input style="display: block;" type="checkbox" name="dx" />
<input style="display: none;" type="text" value="se" id="se" />
<input style="display: none;" type="text" value="wb" id="wb" />
<input name="" type="button" id="an6" value="add" />
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
