überprüfen Sie, ob alle Elemente in einem Array sind der gleiche Wert mit jQuery

Question

ich brauche (mit jQuery) zu überprüfen, ob all ‚li‘ in einer Liste Stil hat = „display: none“, aber ich bin ein wenig verloren .

<ul class="thumbs"> 
    <li style="display: none;">Element 1</li> 
    <li style="display: none;">Element 2</li> 
    <li style="display: none;">Element 3</li> 
    <li style="display: none;">Element 4</li> 
    <li style="display: none;">Element 5</li> 
</ul> 

var $el = $('.thumbs li'); 
var elStyle = $el.map(function() { 
    return $(this).attr('style'); 
}); 

console.log(elStyle); 

https://jsfiddle.net/r2rwe2nw/

Answer 1

Statt map zu verwenden, versuchen filter die Listenelemente ing auf der Grundlage ihrer CSS-Eigenschaften und die Überprüfung der Länge des resultierenden Array:

var visibleElements = $('.thumbs li').filter(function(item) { 
 
    return this.style.display !== 'none'; 
 
}); 
 

 
console.log(visibleElements.length > 0);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<ul class="thumbs"> 
 
    <li style="display: none;">Element 1</li> 
 
    <li style="display: none;">Element 2</li> 
 
    <li style="display: none;">Element 3</li> 
 
    <li style="display: none;">Element 4</li> 
 
    <li style="display: none;">Element 5</li> 
 
</ul>