动态删除table行(动态添加的文本行)
基本行: <table width="100%" class="tb" id="content">
<tr>
<td width="6%"><input type="hidden" name="id" id="id" /></td>
<td width="10%"><input type="text" name="minact" id="minact"
class="coninput911" parentname="month" />
</td>
<td width="10%"> < 用户数 < </td>
<td width="10%"><input type="text" name="maxact" id="maxact"
class="coninput911" parentname="month" />
</td>
<td width="10%">基本费用</td>
<td width="10%"><input type="text" name="basefees"
id="basefees" class="coninput911" parentname="month" />
</td>
<td width="7%">元/月</td>
<td width="10%"><input type="text" name="singlefees"
id="singlefees" class="coninput911" parentname="month" />
</td>
<td width="10%">元/月,终端</td>
<td width="10%"><input type="text" name="zhekou"
id="zhekou" class="coninput911" parentname="month" />
</td>
<td width="7%">%折扣<input type="hidden" name="feesid"> </td>
</tr>
</table>
要复制的行
<table class="tb1">
<tr>
<td width="6%">
<p id="remove" onclick="removeadd()">移除</p>
<input type="hidden" name="id" id="id" />
</td>
<td width="10%"><input type="text" name="minact" id="minact"
class="coninput911" parentname="month" /></td>
<td width="10%"> < 用户数 < </td>
<td width="10%"><input type="text" name="maxact" id="maxact"
class="coninput911" parentname="month" /></td>
<td width="10%">基本费用:</td>
<td width="10%"><input type="text" name="basefees"
id="basefees" class="coninput911" parentname="month" /></td>
<td width="7%">元/月,</td>
<td width="10%"><input type="text" name="singlefees"
id="singlefees" class="coninput911" parentname="month" /></td>
<td width="10%">元/月,终端</td>
<td width="10%"><input type="text" name="zhekou"
id="zhekou" class="coninput911" parentname="month" /></td>
<td width="7%">%折扣</td>
</tr>
</table>
我的添加方法:$("#btnadd").bind('click', function() {
var tr = $(".tb1 tr").eq(0).clone(true);
// tr.find("td").get(0).innerHTML = ++i;
tr.show();
tr.appendTo($(".tb"));
});
});
现在我想要的一个效果是:添加多了几个空行,想删除掉,该如何实现?
------解决方案--------------------
你说哪里多了几个空行
[解决办法]
$(document).ready(function() {
$("#newBtn").bind("click", function(){
//alert($("input:checked"));
$("#myTable").append("<tr><td><input id=\"sd\" type=\"checkbox\" /></td><td><input type=\"text\" /></td></tr>");
alert(document.getElementById('sd').value);
});
$("#delBtn").bind("click", function(){
//alert($("input:checked"));
$("input:checked").parent().parent().remove();
});
});
[解决办法]
jquery
[解决办法]
那这个就需要你手动拼接字符串来实现了,你就不能用$(".tb")这样的选择器了,像二楼那样使用字符串拼接的方式在多写一个<input type="button" onclick="delThis(this)"/>自己在写一个delThis的删除方法就行了.