Question

How can I display an alert with the elements second attribute grouped by the first atribute, example:

<a href="#b" attA=1 attB=18 >Here</a>
<a href="#b" attA=1 attB=27>Here</a>
<a href="#b" attA=1 attB=31>Here</a>
<a href="#b" attA=2 attB=84>Here</a>

when you click on any of the attA links it would display:

alert("atta=1 and attB=18,27,31");

and click on the attB:

alert("atta=2 and attB=84");

hard, isn’t it?

Answer 1

$('a').click(function() {
    var attA = $(this).attr('attA'),
        attB = $.map($('a'), function(link){
            if($(link).attr('attA') == attA) {
                return $(link).attr('attB');
            }
        });

    alert('atta=' + attA + ' and attB=' + attB.join(','));
});

demo