Using data() function of jquery form nested data for DOM

Question

I am looking form a nested data to a DOM element. Something like this

$("div").data( "test", { 
    first: 16,
    last: "pizza!"
});

Here is my effort to make similar kind of format. But RefAttrValue variable is not behaving as variable.

for (var i = 0; i < reference.attributes.length; i++) {
    var RefAttrValue = (reference.attributes.item(i).name);
    $(tableCaption).data("referenceData").RefAttrValue = reference.attributes.item(i).value;
}

Here the Values of the "reference" is a XML. Which has value like below or can contain any similar XML.

<facilityreference Name="qtitem_fac" AttrTable='table1' colVal='table1colValue'></facilityreference>

I want to set up the data() format in this below format "Dynamically".

$("div").data("test",{ Name: "qtitem_fac", last: "table1colValue" });

Please help.

Viktor S. · Accepted Answer · 2013-01-25 13:07:07Z

2

As far as I understand, you need something like this:

var datObj = {};
for (var i = 0; i < reference.attributes.length; i++) {
    var RefAttrValue = (reference.attributes.item(i).name);
    datObj[RefAttrValue] = reference.attributes.item(i).value;
}
$(tableCaption).data("referenceData", datObj );

In your code I see few problems: First: If you do nothing like $(tableCaption).data("referenceData", {...}) before you run your code, line $(tableCaption).data("referenceData") will return undefined and that will cause an exception.

If you have a field name in a variable (RefAttrValue in your case) you need to do something like $(tableCaption).data("referenceData")[RefAttrValue]. Such notation is a synonym, if RefAttrValue = "Name", to $(tableCaption).data("referenceData").Name

Doing this $(tableCaption).data("referenceData").RefAttrValue you simply access property of referenceData with name RefAttrValue.

edited Jan 25, 2013 at 13:07

answered Jan 25, 2013 at 13:00

Viktor S.

12.8k1 gold badge30 silver badges56 bronze badges

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

2 Comments

teenu Over a year ago

How can I access the above stored data ? Will it be something like this ? $(tableCaption).data("referenceData").datObjValue; ?

Viktor S. Over a year ago

Using your example, it will be $(tableCaption).data("referenceData").Name

matpol · Accepted Answer · 2013-01-25 13:08:33Z

1

Not tested:

 obj = {};

    $('facilityreference').each(function(){
       $.each(this.attributes, function(i, attrib){
           obj[attrib.name] = attrib.value;
      });

    }); // then do something with you object

edited Jan 25, 2013 at 13:08

answered Jan 25, 2013 at 13:03

matpol

3,0741 gold badge16 silver badges20 bronze badges

Comments

user1954395 · Accepted Answer · 2013-01-25 13:06:02Z

-1

use this...Hopefully this will solve the requirement.!
str = $('#id').data('test');var json = JSON.stringify(eval("(" + str + ")"));alert(json);

answered Jan 25, 2013 at 13:06

user1954395

1128 bronze badges

Collectives™ on Stack Overflow

Using data() function of jquery form nested data for DOM

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related