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/

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

1 个答案: