Удаление последнего изображения через jQuery

Question

Я хотел бы добавить изображение в конце каждого «списка книг» в разделе «жанр», но удалить его для последнего «списка книг» в каждом жанре.Следующий код добавляет, что это нормально, но я что-то напутал, когда дело доходит до удаления.Это только удаление последнего изображения из последнего списка .book на странице.

Это мой 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

Попробуйте удалить последние imgs из последних div'ов с классом "booklist" в каждом "genre":

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

:last выбирает только один элемент, поэтому используйте:last-child.