從所有具有相同類別的鏈接中獲取文本

Question

我有過濾器，在點擊時切換活動類。點擊時，我還想循環訪問具有活動類的鏈接，並從這些鏈接的文本中創建一個新數組。但是當我循環播放時，控制檯中沒有任何東西。 這是代碼：

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

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

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

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

    console.log(tags); 
}); 

我在做什麼錯？

Answer 1

對於每個元素，您正在爲each()函數創建一個新的tags變量。當函數退出時會丟棄它。

您的外部console.log()正試圖列出不存在的東西的值（因爲我們不在each()函數內）。

外each()的創建，並追加到，陣列：

$('.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>