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

あなたはjQueryのチェックを使用してを嫌うされていない場合、その後の反復で

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>