使用类jquery删除壁橱图像

Question

需要使用类删除壁橱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")
});

http://jsfiddle.net/tQ5vr/38/

Answer 1

使用.prev()代替.closest()

$(this).prev('.img-preview').remove();

.closest()

  

描述：对于集合中的每个元素，通过测试元素本身和遍历来获取与选择器匹配的第一个元素   通过它在DOM树中的祖先。

.prev()

  

描述：获取匹配元素集中每个元素的前一个兄弟。如果提供选择器，它   仅当它与该选择器匹配时才检索前一个兄弟。

更改src并隐藏它，您可以使用

$(this).prev('.img-preview').attr('src','').hide();