Jquery 在多个相同标签click的问题

最近在做文章的删除动作，用Jquery来执行操作。但是实现时一开始总是只能对第一个起作用，其他的点击删除后没反应。

一开始的jquery代码是这样的，

$('#articledelete').on('click', function(){
        var article_id = $(this).parent('div.small').siblings('#articleid').text();
        var $spanele = $(this);
        console.log(article_id);

        $.ajax({
            type: "GET",
            url:  '/deletearticle/',
            data: {
                "article_id": article_id
            },
            dataType: "json",
            success: function (data) {
                if(data.status){
                    $spanele.parents('.item').remove();
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert(XMLHttpRequest.status);
                alert(XMLHttpRequest.readyState);
                alert(textStatus);
            }
        });
    });

后来各种百度才知道，原来是用惯了用id来选取元素，而id是代表唯一性的，所以如果对于多个删除按钮，它只能默认识别为第一个，所以要选多个，应该把id选择器改成类选择器，即把

$('#articledelete') 改成选择该元素的类，这里我给文章的删除标签都加了一个 “articledelete”的类，最后改成

$('.articledelete').on('click', function(){
...
})

就可以了，这也给我自己提了个醒，不要动不动就用id来提取元素，虽然它确实精准，方便。哈哈