使用jquery删除第一个li元素中的第一个img

我有这样的HTML

 
       
 
       
 //some other li elements  

我想要做的是在第一个li元素中获取第一个图像并使用jQuery删除它。

我试过的

 jQuery (document).ready(function(){ jQuery('.products li:first .featured-image img:first').remove(); }); 

但是这会在第一个范围内删除所有img。

任何帮助都是适当的。

Answer 1

您可以选择第一个li ，然后在其中找到第一个img并将其删除DEMO 。

 $('.products li').first().find('img').first().remove() 

另一种方法是

 $('.products li:first img:first').remove() 

Answer 2

这适用于我，在那里我寻找第一个.featured-image元素的第一个直接子 img

 jQuery (document).ready(function(){ jQuery('.featured-image:first > img:first').remove(); });