Обновление каждого атрибута данных на странице

Question

У меня есть серия a тегов на странице. Они все-таки, что-то вроде этого:

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

Я пытаюсь iterarte через все элементы 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 
    }); 
});​ 

Изменено Fiddle: http://jsfiddle.net/Zrrvq/7/