Как перебрать значения атрибутов на странице?

Question

[paradoks92]

Приветствую, на страницах есть popover, срабатывает при hover.
Вот его JS код:

$('a.popup-ajax').popover({
    "html": true,
    "content": function(){
        return details_in_popup($(this).attr('data-poload'));
    }
});

function details_in_popup(link){
    $.ajax({
        url: link,
        dataType: 'json',
        success: function(response){
            var title = $("a.popup-ajax").attr("data-heroid");
            console.log(title);
            console.log(response[title]['id']);
            var name = response[title]['name'];
            var role = response[title]['role'];
            var img = response[title]['img'];
            var typeAttack = response[title]['typeAttack'];
                    $("a.popup-ajax").attr('data-content', '<div  class="hero-footnote"><img src="'+ img +'" alt=> <div class="hero-footnote__desc"><h3>'+ name +'</h3><p>'+ typeAttack+'</p><span>'+ role +'</span></div> </div>');


        }
    });
}

Здесь я беру значение атрибута: var title = $("a.popup-ajax").attr("data-heroid");
там хранится id, соответственно потом этот id подставляется в response[title] и выводится нужная мне инфа. Все хорошо, когда атрибут data-heroid один на странице, но если их несколько, то берется значение только первого.
Как переделать код, чтобы он брал значения каждого элемента на который я навожу?

Answer 1

[paradoks92]

Вопрос закрыт, помогли уже. Может кому пригодится:

$('a.popup-ajax').popover({
    "html": true,
    "content": function(){
        var element = this; // !!!
        $.ajax({
            url: '/heroespage',
            dataType: 'json',
            success: function(response){
                var title = $(element).attr("data-heroid");  // !!!
                console.log(response[title]['id']);
                var name = response[title]['name'];
                var role = response[title]['role'];
                var img = response[title]['img'];
                var typeAttack = response[title]['typeAttack'];
                 /* !!! */$(element).attr('data-content', '<div  class="hero-footnote"><img src="'+ img +'" alt=> <div class="hero-footnote__desc"><h3>'+ name +'</h3><p>'+ typeAttack+'</p><span>'+ role +'</span></div> </div>');
            }
        })
    }
});

Answer 2

[Максим Тимофеев]

а что мешает передать весь объект?
details_in_popup($(this))
тогда вместо
var title = $("a.popup-ajax").attr("data-heroid");
можно
var title =link.attr("data-heroid");
или передавать 2 параметра в функцию, или передавать в нее объект с нужными данными

Comments

[paradoks92]

Наверное друг друга не поняли чутка)
Изменил код. Убрал link, мне нужно именно атрибут data-heroid то ли перебрать циклом, то ли еще как-то я в этом не силен. Оно берет всегда первое значение на странице.

$('a.popup-ajax').popover({
    "html": true,
    "content": function(){
        $.ajax({
            url: '/heroespage',
            dataType: 'json',
            success: function(response){
                var title = $("a.popup-ajax").attr("data-heroid");
                console.log(response[title]['id']);
                var name = response[title]['name'];
                var role = response[title]['role'];
                var img = response[title]['img'];
                var typeAttack = response[title]['typeAttack'];
                $("a.popup-ajax").attr('data-content', '<div  class="hero-footnote"><img src="'+ img +'" alt=> <div class="hero-footnote__desc"><h3>'+ name +'</h3><p>'+ typeAttack+'</p><span>'+ role +'</span></div> </div>');


            }
        })
    }
});

[Максим Тимофеев]

paradoks92, поэтому Вам и надо передать объект, что бы у него взять, а не у всего набора