首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery的append和remove有关问题

2012-03-20 
jquery的append和remove问题使用append添加之后再使用remove移除不了,代码如下:HTML codescript typete

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>

热点排行