Javascript 单击后从showcomments中删除类（）-从所有类似类中删除？

我有这个：

$( document ).on( "click", ".showcomments", function() {

alert("ok");

var element = $(this);
var id = element.attr("data-postid");

$(element).removeClass('showcomments'); //remove class after click to avoid double call to this function

});

和html：

<a href="javascript:;" class="showcomments" data-postid="'1'">1</a>
<a href="javascript:;" class="showcomments" data-postid="'2'">2</a>
<a href="javascript:;" class="showcomments" data-postid="'3'">3</a>
<a href="javascript:;" class="showcomments" data-postid="'1'">1</a>

例如，当用户单击2时，它将从此类中删除类showcomments，用户将无法再单击2

问题是，当用户单击1（第一个或第二个链接）时，我想从页面中的所有1个链接（数据发布）中删除showcomments类。我不希望用户能够再次点击任何1。你知道如何从页面中的任何1中删除类吗

---

您可能只需使用showcomments类获取所有元素，然后对其数据postid属性使用属性过滤器：

$( document ).on( "click", ".showcomments", function() {
    var postid = $(this).attr("data-postid");
    $('.showcomments[data-postid="' + postid + '"]')
        .removeClass( "showcomments" );
});