Search jQuery

jQuery Forum

Using jQuery

brian914

reference to div attribute return [object Object]

in Using jQuery • 11 years ago

In my html files I have divs that look like this:

<div id="country-holder-denmark" imgGroup="group1"></div>
<div id="country-holder-germany" imgGroup="group2"></div>
...

Then in my js file I have the following. The Array hold the ids of divs above, which are in my page.

MyClientNameProject.prototype.init = function() {
this.hitArray = new Array("#country-holder-denmark", "#country-holder-germany", "#country-holder-hungary", "#country-holder-russia", "#country-holder-austria");
for(var i = 0; i < this.hitArray.length; i++) {
$( this.hitArray[i] ).click(function() {
alert('What image group to open: ' + $(event.target).attr('imgGroup') );
});
}
}

In my alert(line 6) I can't seem to get the value of imgGroup. All I get is [object Object].

How can I get the values, like group1, group2, etc?

Thanks a lot for any help with this!!!

Replies(2)

dsvick

Re: reference to div attribute return [object Object]

11 years ago

If the only reason you have the array is to be able to iterate over your divs then you should be able to use this:

$("div[id^='country-holder-']").click(function(){
alert('What image group to open: ' + $(this).attr('imgGroup') );
});

Even if you still need the array then you can still use the above to bind the click event.

Hope that helps, or at least points you in the right direction.

brian914

Re: reference to div attribute return [object Object]

11 years ago

Thank you so much, this is awesome. Just got to remove so much code! Love that! Thank you!

Top Reply

Response title

Attachments

jQuery Forum

reference to div attribute return [object Object]

Replies(2)

Re: reference to div attribute return [object Object]

Re: reference to div attribute return [object Object]

Statistics

Tags

Actions