如何删除属性值中的最后一个逗号？

Question

我想从data-group属性中删除最后一个逗号：

<div data-groups='["all", "food", "tool",]'></div> 

我需要这样的：

<div data-groups='["all", "food", "tool"]'></div> 

如何用jQuery做到这一点？

Answer 1

$('[data-groups]').each(function() { 
 
    var groups = $(this).data('groups'); 
 
    var trimmed = groups.substring(0, groups.length - 2); 
 
    $(this).attr('data-groups', trimmed + ']'); 
 
});

div:after { 
 
    content: attr(data-groups); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<div data-groups='["all", "food", "tool",]'>Groups </div>

或者少读...

$('[data-groups]').each(function() { 
    var $this = $(this); 
    $this.attr('data-groups', $this.data('groups').substring(0, $this.data('groups').length - 2) + ']'); 
}); 

Answer 2

尝试

$("div").attr("data-groups", $("div").attr("data-groups").slice(0,-2) + "]");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div data-groups='["all", "food", "tool",]'></div>

或添加类

$(".group").attr("data-groups", $(".group").attr("data-groups").slice(0,-2) + "]");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="group" data-groups='["all", "food", "tool",]'></div>