JavaScript:删除类的最后一个子级

Question

因此，我试图用一个特定的类删除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);

Answer 2

你可以通过getElementsByClassName获得列表，然后在迭代中删除它们，但不是首先

​

for(var i=1;i<document.getElementsByClassName('banner-3').length;i++)
  document.getElementsByClassName('banner-3')[i].remove()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="banner banner-1">1</div>
<div class="banner banner-2">2</div>
<div class="banner banner-3">3</div>
<div class="banner banner-4">4</div>
<div class="banner banner-3">3</div>
<div class="banner banner-5">5</div>

​