jQuery添加到數據過濾器而不替換現有數據

Question

新手到jQuery。

我試圖動態地向數據過濾器添加更多數據。這目前正在用em2取代em1。我怎樣才能將em2添加到數據過濾器而不替換em1？

HTML：

<a href='#' data-filter='em1'>stuff</a> 
<a href='#' data-filter='em2'>stuff</a> 
<a href='#' data-filter='em3'>stuff</a> 

JS：

$('a').attr('data-filter', 'newEm'); 

什麼我得到的是：

HTML：

<a href='#' data-filter='newEm'>stuff</a> 
<a href='#' data-filter='newEm'>stuff</a> 
<a href='#' data-filter='newEM'>stuff</a> 

結果我想要的是：

HTML：

<a href='#' data-filter='em1 newEm'>stuff</a> 
<a href='#' data-filter='em2 newEm'>stuff</a> 
<a href='#' data-filter='em3 newEM'>stuff</a> 

Answer 1

您需要連接它。

循環遍歷每個元素，並連接舊值和新值。

$('a').each(function(){ 
    $(this).attr('data-filter', $(this).attr('data-filter') + ' newEm'); 
}); 

Answer 2

試試這個：

$("a").each(function(){ 
    $(this).attr("data-filter", $(this).attr("data-filter") + " newEm"); 
});