How to access js object properties via html element?

Question

I have an array of objects fetched using jQuery.getJSON(). I want every one of my objects to be represented by HTML div element, so when you click the element you have access to all the properties of corresponding object. What is the best way to do it?

I wanted to do it like this:

$('.mydiv').click(function() {
   var id = $(this).attr('id');
   for (i=0; i<myObjectsArray.length; i++){
     for (x in myObjectsArray[i]){
         //..and here I got confused...
     }  
   }
});

Is this approach any good or is there a better way to do it. Thanks.

i find it hard to understand your question/suggest some kind of solution without knowing more about the content of myObjectsArray. arranging it so it can be accessed by myObjectsArray[id] i probably a good idea. — kb.
– kb., Commented Feb 15, 2010 at 11:24

meouw · Accepted Answer · 2010-02-15 11:48:08Z

1

You can store data in the data property of your jQuery object
docs here

answered Feb 15, 2010 at 11:48

meouw

42.1k11 gold badges55 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to access js object properties via html element?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related