gpt4 book ai didi

jquery - 如何使用jquery删除append()图像?

转载 作者:行者123 更新时间:2023-12-01 08:19:16 31 4
gpt4 key购买 nike

在我的网络应用程序中,我有大约 10 个具有相同类名的标题,因此当用户单击该标题时,将向它们附加加载图像,并且一些数据将通过 ajax 填充到 div 中,然后在整个处理之后我只是想要删除该加载图像。

这是我的代码:

jQuery('.replyhead').live('click',function(){
var idval=jQuery(this).attr('id');
jQuery(this).append('<img src="images/loading.gif"/>');

jQuery.post('abc.php',{rack:idval},function(data) {
jQuery('#r'+idval).html(data);
//now here i just need to remove that loading.gif
});
});

关于如何做到这一点有什么建议吗?

最佳答案

不要使用 append() 使用 jQuery 构造函数创建元素,而是使用 appendTo 来附加它。稍后,您可以使用 img.remove() (或您选择的任何变量名称)来删除图像。

jQuery('.replyhead').live('click',function(){

var idval = jQuery(this).attr('id');
var img = jQuery('<img src="images/loading.gif"/>').appendTo(this);
jQuery.post('abc.php',{rack:idval},function(data){
jQuery('#r'+idval).html(data);

//Remove img
img.remove();
});
});

另一种方法是将唯一 ID 附加到图像,并使用 $("#uniqueIDhere").remove() 删除该元素。但是,当您没有正确定义唯一 ID 时,此方法将会失败。

(摘自下面的答案,仅显示相关部分):

jQuery(this).append('<img id="loadinggif" src="images/loading.gif"/>');
jQuery('#loadinggif').remove(); //This will FAIL if the function is executed twice

关于jquery - 如何使用jquery删除append()图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8288760/

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