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 将选择第二张图片

imageSize could be varies.

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

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

但是，有时我在div中只有 1 个<a>标签。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);