Question

我想在点击target.jpg时删除下一个li中的超级remove target image图片。这是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>

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

更新：请注意我只想删除THE NEXT图像（包括它包含超链接），而不是删除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里面的内容也被删除了

Answer 2

如果你想删除src是目标的第一个元素，你应该找到它，得到父<a>并删除孩子：

$(document).on('click, '#remover', function() {
  $("img[src=/path/to/target.jpg]").first().parent().remove();
});

jQuery - 如何基于src删除下一个li中的元素

2 个答案: