Abrufen von Text von allen Links, die die gleiche Klasse haben

Question

Ich habe Filter, wo ich die Klasse aktiv bei Klick umschalten. Beim Klicken möchte ich auch die Links durchlaufen, bei denen die Klasse aktiv ist, und ein neues Array aus dem Text dieser Links erstellen. Aber ich bekomme nichts in der Konsole, wenn ich mich durchschlinge. Dies ist der Code:

$('.filter-button').click(function() { 

    $(this).toggleClass('active'); 

    var activeTags = $('filter-button.active'); 

    $(activeTags).each(function() { 
    var tags[] = $(this.text()); 
    }); 

    console.log(tags); 
}); 

Was mache ich falsch?

Answer 1

Sie erstellen für jedes Element eine neue tags Variable, lokal zur each() Funktion. Das wird weggeworfen, wenn die Funktion beendet wird.

Ihre äußere console.log() versucht, den Wert von etwas aufzulisten, das nicht existiert (da wir nicht mehr innerhalb der each()-Funktion sind).

Erstellen und Anhängen an ein Array außerhalb voneach():

$('.filter-button').click(function() { 
 

 
    $(this).toggleClass('active'); 
 

 
    var activeTags = $('.filter-button.active'); 
 
    var tags = []; 
 

 
    $(activeTags).each(function() { 
 
    tags.push($(this).text()); 
 
    }); 
 

 
    console.log(tags); 
 
});

.active { 
 
    background-color: red; 
 
}

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