通过jQuery删除最后一个图像

Question

我想在“genre”div中的每个“booklist”的末尾添加一个图像，但是将其删除为每个类型中的最后一个“booklist”。下面的代码是添加得很好，但是在删除时我搞砸了。它只删除页面上最后一个.booklist中的最后一张图片。

这是我的HTML：

<div class="genre">

    <div class="booklist">
    <!-- stuff -->
    </div><!-- .booklist -->

    <div class="booklist">
    <!-- stuff -->
    </div><!-- .booklist -->

</div><!-- .genre -->

<div class="genre">

    <div class="booklist">
    <!-- stuff -->
    </div><!-- .booklist -->

    <div class="booklist">
    <!-- stuff -->
    </div><!-- .booklist -->

 </div><!-- .genre -->

这是我的jQuery：

// ADD HEART DIVIDER BETWEEN SERIES ON BOOK PAGE
$(".genre .booklist").append("<img class='hr' src='"+my_home_object.my_stylesheet_path+"/images/heart-hr.png' />");
$(".genre .booklist:last img:last").remove();

感谢您的帮助！

Answer 1

尝试使用每个"booklist"中的"genre"类删除最后一个div中的最后一个imgs：

$(".genre .booklist:last-child > img:last-child").remove();

:last只选择一个元素，因此请使用:last-child。