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

我有这样的HTML

    

        
            
                
                

            
        
    
    

        
             
                
                
             
                    
    

//some other li elements

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

我试过的

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

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

任何帮助都是适当的.

您可以先选择li,然后在其中首先找到img并删除它DEMO.

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

另一种方法是

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