jquery - div内の最後の要素を選択する方法

Question

div 内の画像で css を設定するのに問題があります。

私は持っている

<div class='test'>

   <a href='#'>   <img src='haha.jpg'/>   </a>
   <a href='#'>   <img src='imageINeed.jpg'/>  </a>

</div>

<div class='test'>

   <a href='#'>   <img src='haha.jpg'/>   </a>
   <a href='#'>   <img src='imageINeed1.jpg'/>  </a>

</div>

<div class='test'>

   <a href='#'>   <img src='haha.jpg'/>   </a>
   <a href='#'>   <img src='imageINeed2.jpg'/>  </a>

</div>

以下の私のjqueryは2番目の画像を選択します

imageSize could be varies.

  $('.test).each(function(){

        $(this).find('img:eq(1)').width(imageSize);
  })

ただし、 div<a>内にタグが 1 つしかない場合があります。test

    <div class='test'>
       <a href='#'>   <img src='imageINeed2.jpg'/>  </a>
   </div>

eq(1)タグimgが1つしかない場合は選択しません<a>

私が試してみました

$('.test).each(function(){
    $(this).find('img:nth-last-child').width(imageSize);
})

それはしません。とにかくそれを行うことはありますか？本当にありがとう！

Answer 1

:lastセレクターを使用:

$(".test").find("img:last").width(imageSize);