JavaScript:删除类(class)的最后一个 child

Question

这个问题已经有答案了:

jQuery remove last-child of a class (1 个回答)

已关闭 6 年前。

所以我试图用特定的类删除 DOM 中的最后一个元素，但运气不太好。我可以完全删除该类，但不能单独删除最后一类。任何帮助都会很棒

<div class="banner banner-1"></div>
<div class="banner banner-2"></div>
<div class="banner banner-3"></div>
<div class="banner banner-4"></div>
<div class="banner banner-3"></div>
<div class="banner banner-5"></div>

抱歉，忘记将我的其他代码粘贴到:

var classToRemove = 'banner-3';

document.removeChild(document.getElementsByClassName(classToRemove))

例如，我有 6 个横幅，但横幅 3 是重复的。我如何获得最后一个banner-3并删除它而不影响第一个？

谢谢!

Answer 1

// access all elements by class
var ele = document.getElementsByClassName('banner');
// find last element
var lastEle = ele[ ele.length-1 ];
//--- do what you need to do with the element

或

var ele = document.querySelectorAll(".banner .banner_3");
var lastEle = ele[ ele.length-1 ];
lastEle.parentNode.removeChild(lastEle);