如何刪除屬性值中的最後一個逗號？

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>