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

Question

我有一个这样的html

<ul class="products">
    <li>
        <a href="#" class="product-images">
            <span class="featured-image">
                <img src="img1.jpg"/>
                <img src="img1-1.jpg"/>

            </span>
        </a>
    </li>
    <li>
        <a href="#" class="product-images">
             <span class="featured-image">
                <img src="img2.jpg"/>
                <img src="img2-2.jpg"/>
             </span>
        </a>            
    </li>

//some other li elements
</ul>

我想做的是获取 first li 元素中的 fist 图像，然后使用 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()