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);
  })

但是，有时我只有 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);