读书人

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

发布时间: 2013-06-25 23:45:41 作者: rapoo

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

读书人网 >JavaScript

热点推荐