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

Question

jQuery的新手。

我正在嘗試向動態數據過濾器添加更多數據。 當前，這是用em2代替em1。 我如何在不替換em1的情況下將em2添加到數據過濾器？

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");
});