如何选择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);
  })

但是,有时我<a>在testdiv中只有1个标签.

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