gpt4 book ai didi

javascript - 使用 append 方法删除附加的 div

转载 作者:数据小太阳 更新时间:2023-10-29 06:12:44 24 4
gpt4 key购买 nike

这是我的代码...追加有效但删除无效。如何删除附加的 div?

<html>
<head>
<script type="text/javascript">
function view(){
$('body').append('<div class="added"><p>something</p></div>');
};
function close(){
$('.added').remove();
} ;
</script>
</head>
<body>
<a onclick="view();">something</a>
<a onclick="close();">close</a>
</body>
</html>

最佳答案

在您的 html 处理程序中指定 window.close:

   <a onclick="window.close();">close<a>

http://jsfiddle.net/ZTwd7/1/

否则 close() 引用 native close 方法,它不执行任何操作。

下面是如何使用“javascript”(与内联 html 属性相反)处理程序模拟它:

elem.onclick = function(event) {
with(Window.prototype) {
with(document) {
with(this) {
close();
}
}
}
};

这不是精确的复制(它在 IE 等中也不起作用,这不是重点)但它会将 .close in Window.prototype 放在前面范围内的全局 window.close,因此它隐藏了它。您仍然可以使用 window.close() 显式引用它。


你还应该完全放弃上面的内容并改用 jQuery:

<a id="view">something<a>
<a id="close">close<a>

JS:

$(function() {
$("#view").click(function() {
$('body').append('<div class="added"><p>something</p></div>');

});
$("#close").click(function() {
$('.added').remove();

});
});​

http://jsfiddle.net/ZTwd7/5/


发出一个获取要附加的 html 文件的 ajax 请求:

$.get("myhtml.html", function(html) {
$("body").append(html);
}, "html");

关于javascript - 使用 append 方法删除附加的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11901174/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com