Access rel attribute using this keyword javascript

Question

Please check the JSFIDDLE , the rel attribute in the alert comes out as 'undefined' :

var ItemTypeArray = $('input[name^=ItemType]:checked').map(function(){


alert(this.id + '  , r= ' + this.rel);  

return this.rel + '--' + this.value;

}).get().join(",");  

Also , this function gives a string , but I need an array to be constructed to post it.

Answer 1

There's no such attribute called rel on an input (there is on a link tag however). You should really use data attributes instead:

<input id="SOLD[1]" value="1" name="ItemType[1]" type="radio" data-rel="1">
<input id="PURCHASED[1]" value="2" name="ItemType[1]" type="radio" checked="checked" data-rel="1">

Then you can do:

var ItemTypeArray = $('input[name^=ItemType]:checked').map(function () {
    alert(this.id + '  , r= ' + $(this).data("rel"));
    return $(this).data("rel") + '--' + this.value;
}).get().join(",");

Or to return what you stated in comments (an array), you can do:

var ItemTypeArray = [];

$('input[name^=ItemType]:checked').each(function () {
    ItemTypeArray.push(this.id + ' = ' + $(this).data("rel"));
});

See HERE

Answer 2

I just included jquery and modified your code as follows. Use $(this).attr('rel') instead of this.rel

    var ItemTypeArray = $('input[name^=ItemType]:checked').map(function () {
        alert(this.id + '  , r= ' + $(this).attr('rel'));
        return this.rel + '--' + this.value;
}).get().join(",");

Here is the jsfiddle

Answer 3

try

 $(this).attr("rel")

this will get you an attribute value named 'rel'