jquery的append和remove问题
使用append添加之后再使用remove移除不了,代码如下:
- HTML code
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script><script language="javascript" type="text/javascript"> function Add() { var str = $("<input type='radio' name='func' value='1' /> 测试<br>"); $('#divFunc').append(str); } function Del() { var str = $("<input type='radio' name='func' value='1' /> 测试<br>"); $('#divFunc').remove(str); }</script><input id="Button1" type="button" value="添加" onclick="Add()" /><input id="Button2" type="button" value="删除" onclick="Del()" /><div id="divFunc"></div>
[解决办法]
<script language="javascript" type="text/javascript">
function Add() {
var str = $("<div id='x'><input type='radio' name='func' value='1' /> 测试</div>");
$('#divFunc').append(str);
}
function Del() {
$("#x").remove();
}
</script>