javascript - jQuery : How to Select . parent .prev 正确吗？

Question

通常我使用这个 jquery :

$( ".product_imgfiles a" ).click(function(event) {
   $( this ).parent( "div" ).remove();
});

但是，它只适用于文档就绪，不适用于新的附加元素。然后我变成这个:

$(document).on("click", ".product_imgfiles a", function() {
   $( this ).parent( "div" ).remove();
});

但是，在第二个上，我的代码没有删除 div。我在这个论坛上看了一些帖子并修改了一些组合:

$( this ).prev().parent( "div" ).remove();
$( this ).parent( "div" ).prev().remove();
$( this ).parent().prev( "div" ).remove();

它们都没有成功删除当前 .product_imgfiles 的父 div。这种情况下如何正确选择？

更新:HTML 结构

<div id="product_imgfiles_container" class="row">
    <?
        if (isset ($product_imgfiles)) {
            for ($i=2; $i<($num_product_imgfiles+2); $i++) {
                echo '<div class="col-xs-4 col-md-2" style="padding-left: 7px; padding-right: 7px;">
                        <div class="thumbnail product_imgfiles">
                            <img src="'. $directory . $product_imgfiles[$i] .'" style="margin-bottom: 5px;">
                            <a href=""><span><i class="fa fa-times-circle"></i> hapus</span></a>
                        </div>
                    </div>';
            }
        }
    ?>
</div>

Answer 1

成功了

$(document).on("click", ".product_imgfiles a", function() {
   $( this ).parent().parent().remove();
});

您需要删除 product_imgfiles div 的父级。