javascript - jQuery:检查数据过滤器并替换空格

Question

我正在尝试让 jQuery 检查此列表中的所有数据过滤器，如果它在单词之间找到空格，则应将其替换为“,”。 (我需要那些作为类(class))。

这是我尝试过的，但是当我检查控制台时，它说“replace is not a function”。

HTML

<ul class="filter-list" data-option-key="filter">
    <li>
        <a data-filter=".class one" class="" href="#filter">class one</a>
    </li>
    <li>
        <a class="" href="#filter" data-filter=".class two">class two</a>
    </li>
    <li>
        <a class="" href="#filter" data-filter=".class three">class three</a>
    </li>
</ul>

jQuery

$('.filter-list a[data-filter]').each(function () {
    $(this).replace(/\s/g,", .");
});

基本上，当 jQuery 找到“.class three”时，它应该将其替换为“.class .three”。

Answer 1

您可以使用 .attr()做这件事

$('.filter-list a[data-filter]').attr('data-filter', function (i, attr) {
    return attr.replace(/\s+/g, ", .");
});

演示:Fiddle

您的代码失败是因为在 each() 处理程序中，this 引用了 dom 元素并且 $(ths) 返回了一个 jQuery 对象，它没有替换方法