$(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]
});
});JavaScriptHTML

解决方案 »

  1.   

    <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>
      

  2.   


    $(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();
        });
    });