当前位置: 代码迷 >> JavaScript >> jquery的append和remove有关问题
  详细解决方案

jquery的append和remove有关问题

热度:139   发布时间:2012-03-20 14:01:11.0
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>
  相关解决方案