passing jquery object with data to function

Question

How do you a pass jQuery object with data to a function?

For example i have the following object:

var el = $('#myelement').data('test1','yay1')
                    .data('test2','yay2')
                    .data('test3','yay3');

and additional functions to process object data:

jQuery.fn.allData = function() {
    var intID = jQuery.data(this.get(0));
    return(jQuery.cache[intID]);
};

function checkIt (myobj){
  $.each($(myobj).allData(), function(key, value) {
    alert(key + "=" + value);
  });
}

Then I call the checkIt function and pass myelement:

checkIt(el);

But something goes wrong: TypeError: obj is undefined

rdiazv · Accepted Answer · 2012-12-05 14:27:31Z

1

Actually, the allData function isn't necessary to do what you want. You could do something like this:

function checkIt (myobj){
    $.each(myobj.data(), function(key, value) {
        alert(key + "=" + value);
    });
}

myobj.data() will return an object with all the data assigned to the element.

answered Dec 5, 2012 at 14:27

rdiazv

1,1637 silver badges7 bronze badges

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

Comments

seliopou · Accepted Answer · 2012-12-05 14:27:14Z

1

When you call jQuery.data() on an element, it returns all the data attached to that element, so jQuery.fn.allData is redundant. Rewrite your checkIt function so it reads something like this:

function checkIt(myObj) {
  $.each($.data($(myObj)), function(key, value) {
    alert(key + "=" + value);
  })
}

answered Dec 5, 2012 at 14:27

seliopou

2,91423 silver badges19 bronze badges

Collectives™ on Stack Overflow

passing jquery object with data to function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related