Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery类删除壁橱映像_Javascript_Jquery - Fatal编程技术网

Javascript 使用jquery类删除壁橱映像

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的图像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>


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