Javascript 使用jquery类删除壁橱映像
需要删除带有类的壁橱img的图像src,并将其设置为隐藏。这就是我迄今为止所尝试的Javascript 使用jquery类删除壁橱映像,javascript,jquery,Javascript,Jquery,需要删除带有类的壁橱img的图像src,并将其设置为隐藏。这就是我迄今为止所尝试的 <img class="img-preview" src="http://www.abmuku.com/wp-content/uploads/2012/04/google-logo-small.jpg" /> <span> random stuff here </span> <button class="delete"> Delete </button>
<img class="img-preview" src="http://www.abmuku.com/wp-content/uploads/2012/04/google-logo-small.jpg" />
<span> random stuff here </span>
<button class="delete"> Delete
</button>
$('.delete').on('click', function(){
$(this).closest('.img-preview').remove();
console.log("ha")
});
这里是随机的东西
删除
$('.delete')。在('click',function()上{
$(this).closest('.img preview').remove();
控制台日志(“ha”)
});
使用.prev()
而不是.closest()
说明:对于集合中的每个元素,通过测试元素本身并遍历来获取与选择器匹配的第一个元素
通过DOM树中的祖先向上移动
说明:获取匹配元素集中每个元素的前一个兄弟元素。如果提供了选择器,则
仅当前一个同级与该选择器匹配时才检索该同级
要更改src并隐藏它,可以使用
使用.prev()
而不是.closest()
说明:对于集合中的每个元素,通过测试元素本身并遍历来获取与选择器匹配的第一个元素
通过DOM树中的祖先向上移动
说明:获取匹配元素集中每个元素的前一个兄弟元素。如果提供了选择器,则
仅当前一个同级与该选择器匹配时才检索该同级
要更改src并隐藏它,可以使用
$(this.prev('.img preview').remove();张贴以便我可以标记为应答您想删除图像src而不是图像,对吗?您可以尝试这样做。$(this.prev('.img preview').remove();张贴以便我可以标记为应答您想删除图像src而不是图像,对吗?你可以试着这样做。我只是更新了小提琴,如果我以前添加了东西,它也不起作用it@HollyJohnson如果之前有东西,可以使用prevUntil()而不是prev()。。抱歉,它的prevAll()not previtil()previtil()将更改所有图片的来源,直到它得到该图片为止。@HollyJohnson我更新了我的评论,我说抱歉它应该是prevAll()not previtil()。。要使用最接近的结构,必须像我刚刚更新了小提琴一样,如果我之前添加了一些东西,它也不起作用it@HollyJohnson如果之前有东西,可以使用prevUntil()而不是prev()。。抱歉,它的prevAll()not previtil()previtil()将更改所有图片的来源,直到它得到该图片为止。@HollyJohnson我更新了我的评论,我说抱歉它应该是prevAll()not previtil()。。要使用最接近的结构,您的结构必须如下
$(this).prev('.img-preview').remove();
$(this).prev('.img-preview').attr('src','').hide();