jquery - 更新页面上的每个数据属性

Question

我在页面上有一系列a标签。它们都是一样的，就像这样：

<a class="follow-user 50126cec60de7d7467000003" data-followers_count="1 Follower" href="#">
Test User
</a>

我正在尝试遍历所有元素a并更改data-followers_count. 即使没有返回错误，我也无法这样做。

$("body").on("click", ".btn-follow", function(e) {
    var el, linkContent;
    e.preventDefault();
    el = $(this);
    user_id = '50126cec60de7d7467000003';
    linkContent = $(document).find('.follow-user.' + user_id);
    $.each(linkContent, function(index) {
        $(this).data('followers_count', 'new count');
        //alert('Changed to ' + $(this).data('followers_count'));
    });
});​

这是 jsFiddle：http: //jsfiddle.net/netwire88/Zrrvq/2/

有任何想法吗？

Answer 1

尝试

$("body").on("click", ".btn-follow", function(e) {
    var el, linkContent, popoverContent, urlString, user_id;
    e.preventDefault();
    el = $(this);
    user_id = '50126cec60de7d7467000003';
    $('.follow-user.' + user_id).each(function(index) {
        $(this).data('followers_count', 'new count');
        alert($(this).data('followers_count')); //confirms changed
    });
});​

更新小提琴：http: //jsfiddle.net/Zrrvq/7/