jquery - divで特定の画像を選択するJquery

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

を実際に使用すると.attr('class' ,'avaliable_image')、両方の画像で class 属性の値を設定しようとするだけで (両方とも で一致し.find('img')ます)、 の連鎖は.remove()両方の画像に作用します。

あなたがしたい

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

代わりに ( での CSS セレクター規則の使用に注意してくださいfind)。

Answer 2

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

クラス セレクター リファレンスを参照してください。