NodeList内の要素にES6を使用して特定のクラスがあるかどうかをチェックします。

Question

NodeListの要素に特定のクラスがあるかどうかをチェックします。どのように

var isActive = false; 
 
var items = Array.from(document.getElementsByClassName("item")); 
 

 
items.forEach(function(item, index) { 
 
    if(item.className.indexOf('active') > 0) { 
 
\t isActive = true; 
 
    } 
 
}); 
 

 
alert(isActive);

<div class="item">1</div> 
 
<div class="item">2</div> 
 
<div class="item active">3</div> 
 
<div class="item">4</div>

：私は何ができるJavaScriptのみで

//if any .item element has active class, return true 
var isActive = $(".item").hasClass("active"); 

が、やや長いコード付き：jQueryを使って私はちょうどような何かを例えば

、 ES6でこれを行うことはできますか？セレクターのためのヘルパーがありますか？

ありがとうございます！

Answer 1

それはES2015とは何の関係もありませんが、あなたは非常に基本的なjQueryのAPIのようなdocument.querySelector()を使用することができます。

var isActive = document.querySelector(".item.active") != null; 

Answer 2

Array.from(document.getElementsByClassName("item")).some(({classList}) => 
    classList.contains('active')) 

おそらく、上記のコードと本質的に同じ、ES6が与えることができる最高のものです。

Answer 3

は、あなたは本当にES6はバニラJSで同じことをする必要はありません。

// jQuery 
var isActive = $(".item").hasClass("active"); 

// Plain JavaScript 
var isActive = document.querySelector('.item').classList.contains('active');