替换元素属性中的内容？

Question

示例：我的代码如下：

<a href="#" data-filter='category one'>Category one</a>

用space替换-后我有了新的HTML

<a href="#" data-filter='category-one'>Category one</a>

我该怎么做？

Answer 1

您可以执行以下操作：

$('a').data('filter', $('a').data('filter').replace(
    'category one', 'category-one'
));

用短划线替换所有空格：

$('a').data('filter', $('a').data('filter').replace(/ /g, '-'));

http://api.jquery.com/data/

Answer 2

你可以尝试这个，如果你想要，可以将它移到任何click处理程序

 $(function(){
     var datafilter = $('a').attr('data-filter');
     datafilter = datafilter.replace(" ","-");
     $('a').attr('data-filter', datafilter );

 }); 

或者：

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