Jquery在div中选择特定图像

Question

我在div中有多个图像，如

<div>
<li>
<img src="" class="avaliable_image">
</li>
<img src="" class="magnify">

</div>

我正在尝试使用Jquery完全删除类名为avaliable_image的图像，

 $(this).find('img').attr('class' ,'avaliable_image').remove();

然而，

它会删除两个图像而不是一个？我做错了什么？

Answer 1

$(this).find('img.avaliable_image').remove();

请参阅class selector reference。

Answer 2

您对.attr('class' ,'avaliable_image')的使用实际上只是尝试在两个图片上设置class属性的值（两者都通过.find('img')匹配），然后您的.remove()链接仍将作用于两个图像。

你想要

$(this).find('img.available_image').remove();

（注意find中使用CSS选择器规则。）