Question

我想在单击十字按钮时仅删除图像而不是整个div。我从这里开始Reference。

    $('.remove-img').click(function(e) {
        $( this ).parent().remove();
    });

Answer 1

遍历parent()然后.find()图片，不包括当前图片。然后，您可以使用remove()

使用

$('.remove-img').click(function (e) {
    $(this).parent().find('img').not(this).remove();

    //If you want to remove all images
    //$(this).parent().find('img').remove();
});

DEMO

Answer 2

您可以先选择父级，然后使用find（）。

$('.remove-img').click(function(e) {
    $( this ).parent().find('img').remove();
});

<强> JSFiddle

Answer 3

同时使用.parent()和.find()。

查看此fiddle。

以下是摘录。

$('.remove-img').click(function(e) {
    $( this ).parent().find("img").remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="" style="height:100px; width:200px; margin-right:10px; float:left;">
    <img class="remove-img" src="http://www.dlwp.com/Templates/DLWP/Images/popup-close-button.png" style="float:right; vertical-align:top; height:18px; width:18px; z-index:9999;" >
    <div style="height:100px; width:200px; border:1px solid #999; float:left; margin: 0 10px 0 0; box-shadow: 0 0 1px 1px #888888;">
        <a class="" href="#" title="">
        	<img src="http://www.mytriptokerala.com/images/Attractions/Backwaters-1858256226.jpg" style="height:100px; width:200px; z-index:999;" id="">
        </a>
    </div>
</div>

<div id="" style="height:100px; width:200px; margin-right:10px; float:left;">
    <img class="remove-img" src="http://www.dlwp.com/Templates/DLWP/Images/popup-close-button.png" style="float:right; vertical-align:top; height:18px; width:18px; z-index:9999;" >
    <div style="height:100px; width:200px; border:1px solid #999; float:left; margin: 0 10px 0 0; box-shadow: 0 0 1px 1px #888888;">
        <a class="" href="#" title="">
        	<img src="http://sympol.cusat.ac.in/img/photo_grid/grid-img-07.jpg" style="height:100px; width:200px; z-index:999;" id="">
        </a>
    </div>
</div>

<div id="" style="height:100px; width:200px; margin-right:10px; float:left;">
    <img class="remove-img" src="http://www.dlwp.com/Templates/DLWP/Images/popup-close-button.png" style="float:right; vertical-align:top; height:18px; width:18px; z-index:9999;" >
    <div style="height:100px; width:200px; border:1px solid #999; float:left; margin: 0 10px 0 0; box-shadow: 0 0 1px 1px #888888;">
        <a class="" href="#" title="">
        	<img src="http://wikitravel.org/upload/shared//thumb/6/65/Kerala_Backwaters.jpg/350px-Kerala_Backwaters.jpg" style="height:100px; width:200px; z-index:999;" id="">
        </a>
    </div>
</div>

Answer 4

使用函数的第一个选项

$('.remove-img').click(function(e) {
    var target = e.currentTarget;
    $(target).find("img").remove();
});

删除图像上的图像单击

4 个答案: