JQ append 增加内容，怎么删除？【，】

JQ append 增加内容，如何删除？【在线等，急】

$(document).ready(function(){
$html = "<div class='win_box'><ul class='title'><li class='close' id='_close'>关闭</li></ul></div><div class='win'></div>";
//添加内容
$("#_askde").click(function(){
$("body").append($html);
});
//删除内容
$("#_close").click(function(){
//点击追加的内容内的关闭按钮后，删除刚刚追加的两个DIV [win_box][win]
});
});

JavaScript HTML
[解决办法]
move相关方法去查查
[解决办法]

<script type="text/javascript">
    $(document).ready(function(){
        $html = $("<div class='win_box'><ul class='title'><li class='close' id='_close'>关闭</li></ul></div><div class='win'></div>");
        $("#_askde").click(function(){
            $("body").append($html);//必须节点存在文档内才可添加事件。否则要使用live或者on来绑定事件
            $("#_close").click(function(){
                $html.remove();//事先存好了对象就方便删除了
            });
        });
    });
</script>

[解决办法]
$(".win_box",".win").remove();

[解决办法]

$(document).ready(function(){
    $html = "<div class='win_box'><ul class='title'><li class='close' id='_close'>关闭</li></ul></div><div class='win'></div>";
    //添加内容
    $("#_askde").click(function(){
        $("body").append($html);
    });
    //删除内容
    $("#_close").click(function(){
        $(this).parent("ul").parent(".win_box").remove();
    });
});

[解决办法]

引用:

<script type="text/javascript">
    $(document).ready(function(){
        $html = $("<div class='win_box'><ul class='title'><li class='close' id='_close'>关闭</li></ul></div><div class='win'></div>");
        $("#_askde").click(function(){
            $("body").append($html);//必须节点存在文档内才可添加事件。否则要使用live或者on来绑定事件 
 
            $("#_close").click(function(){
                $html.remove();//事先存好了对象就方便删除了
            });
        });
    });
</script>

+1

查看更多 下一篇