通过 jQuery 删除最后一个图像

Question

我想在“流派”div 中的每个“书单”末尾添加一个图像，但将其删除为每个流派中的最后一个“书单”。下面的代码添加得很好，但在删除时我把一些东西弄乱了。它只是从页面上最后一个 .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

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

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

:last 只选择一个元素，所以使用 :last-child。