jQuery - 如何根据 src 删除下一个 li 中的元素

Question

我想在点击删除目标图像时删除下一个li中的超链接target.jpg图像。这是 HTML:

<li id="remover">
    remove target image
</li>

<li>
    <a hre="/path1"> <img src="/path/to/img1.jpg" >  </a>
    <a hre="/path2"> <img src="/path/to/target.jpg" >  </a>
    <a hre="/path3"> <img src="/path/to/img3.jpg" >  </a>                      
<li>

我想知道如何才能实现这一目标？

更新:请注意，我只想删除下一个图像(包括它包含的超链接)，而不是页面上具有该 src 的所有图像。

所以结果应该是:

<li id="remover">
    remove target image
</li>
<a href="/path1"> <img src="/path/to/img1.jpg">  </a>
<a href="/path3"> <img src="/path/to/img3.jpg">  </a> 

Answer 1

$('#remover').click(function () {
            $(this).next('li').find("img[src='/path/to/target.jpg']").parent('a').remove();
});

当你删除 a 时，里面的 img 也会被删除