需要新手JQuery帮助 - 提取锚文本并用于定义数据属性

Question

我想从现有锚元素中提取文本，并使用它来定义数据过滤器＆＃39;属性在同一个锚点上（之前没有）。

期望的结果将是一个转变这个的脚本：

<a class="b-category-link" href="#">Exercise</a>

进入这个：

<a class="b-category-link" href="#" data-filter="exercise">Exercise</a>

我有一个codepen 几乎正在工作，虽然我的知识有限，但却让我碰壁了。

在codepen（从another stackoverflow问题编辑）中，您可以看到JQuery成功提取了锚文本（CSS用于显示脚本的输出并显示在红色），但脚本也添加了＆＃39; undefined＆＃39; 值，我需要将其删除。任何人都可以帮助我了解这是从哪里生成的，以及如何编辑脚本以将其删除？

非常感谢您的任何建议。

http://codepen.io/voodoo6/pen/qZeeyL

Answer 1

替代

  a.attr("data-filter", txt);

代表

  a.attr("data-filter", a.attr("data-filter") + txt);

Answer 2

我认为这永远不会奏效，因为js是在css之后执行的。 首先尝试添加属性，然后推送css属性。