日期:2014-05-16  浏览次数:20357 次

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);//必须节