why can't I pass jquery objects as arguments in functions?

Question

I'm trying to pass a jQuery selected object into a function, and the function will do a .html() on it.

Html:

<div id="box">this is a box</div>

Js:

var fillBox = function(box, text) {
  box.html(text);
}

(function() {
  var box = $("#box");
  fillBox(box, "new text");
});

The box stays as "this is a box" and never gets updated, even tho the function is called. I even tried $(box).html(text) inside the function, but that doesn't fix it. Is this do-able?

http://jsbin.com/iqixoj/5/edit

Because the code runs before the element is rendered on the page! — epascarello
– epascarello, Commented Jan 31, 2013 at 20:06

gen_Eric · Accepted Answer · 2013-01-31 19:52:06Z

8

You forgot a $.

$(function() {
  var box = $("#box");
  fillBox(box, "new text");
});

answered Jan 31, 2013 at 19:52

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

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

Collectives™ on Stack Overflow

why can't I pass jquery objects as arguments in functions?

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