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