jquery的append和remove问题

Question

使用append添加之后再使用remove移除不了，代码如下：<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>

Answer 1

本帖最后由 net_lover 于 2012-02-26 15:59:15 编辑

  

Answer 2

纯粹逻辑问题<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js"></script>
<script language="javascript" type="text/javascript">
    function Add() {
        var str = $("<div name='funcdiv'><input type='radio' name='func' value='1' /> 测试<br></div>");
        $('#divFunc').append(str);
    }
    function Del() {
        var str = $("#divFunc div[name=funcdiv]:last");
str.remove();
    }
</script>
<input id="Button1" type="button" value="添加" onclick="Add()" />
<input id="Button2" type="button" value="删除" onclick="Del()" />
<div id="divFunc"></div>