jQuery object html() doesn't work ... but innerHtml does

Question

I have an object that should be a valid jQuery object. When I look at the variable in FireBug it contains all the jQuery functions I'd expect (clone, remove, removeat, etc.). However, I don't see html() as a valid function and when I do this:

stringValue = myjQueryObject.html();

It does fail, saying html() is not a function. However if I do something like this:

stringValue = myjQueryObject[0].innerHTML;

It will correctly pass back the object, minus the parent div and text (which I would expect, seeing as how it is just getting the innerHtml). What do am I missing here?

As noted below, it was an external library that was generating myjQueryObject that had previously returning a valid jQuery object and was updated ... incorrectly. For posterity's sake, I've updated my unit tests to verify that the external library returns a correct jQuery object, make sure this doesn't return null or undefined:

myjQueryObject.jquery

Thanks all! Had a bit of a freakout when my code suddenly broke this morning.

sounds pretty unlikely since jQuerys .html() also uses the .innerHTML property. You should provide the defination of myjQueryObject plus your markup. jsfiddle.net/4yUqL/14 — jAndy
– jAndy, Commented Dec 8, 2010 at 16:45
I don't think "myjQueryObject" is a jQuery object: jQuery objects do have html() but they don't have innerHtml() method. How are you creating it? — Andrey
– Andrey, Commented Dec 8, 2010 at 16:46
@Andrey - OP updated the question to use innerHTML (almost) correctly. @user - You have innerHtml instead of innerHTML. Please post actual code. — user113716
– user113716, Commented Dec 8, 2010 at 16:48
You should link us to the real page ( or, obviously if you can't link to it then replicate it ), which would save us time asking you questions since it seems something is off and there may be multiple libraries involved. — meder omuraliev
– meder omuraliev, Commented Dec 8, 2010 at 16:53
Okay, it was not returning a jQuery object like I thought it was. To be fair, it was an external templating library that had previously been correctly returning jQuery objects but an update someone made has caused it to no longer return a valid jQuery object. — user500038
– user500038, Commented Dec 8, 2010 at 16:57

user113716 · Accepted Answer · 2010-12-08 16:51:30Z

2

Either something is modifying the jQuery object prototype, or you have a different library loaded.

Take your object, and test for the jQuery version like this:

alert( myjQueryObject.jquery ); // should give the jQuery version number

EDIT:

Additionally, you state that there's a removeAt method. jQuery doesn't have one of those, unless you mean removeAttr().

edited Dec 8, 2010 at 16:51

answered Dec 8, 2010 at 16:42

user113716

323k64 gold badges454 silver badges441 bronze badges

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

3 Comments

user500038 Over a year ago

It is hard to pick a best answer when there are multiple best answers. Since I'm using this in my unit tests now, I marked it as best answer. I gave everyone else that told me it was not a jQuery object the points.

Dutchie432 Over a year ago

Everyone but me :) Perhaps I didn't come out and say that exactly, but I think I implied that you may have been setting the object incorrectly and yielding a JS object and not a jQ object. Glad you worked it out tho.

user113716 Over a year ago

@Dutchie - I'll give you +1 for the effort. :o)

meder omuraliev · Accepted Answer · 2010-12-08 16:39:51Z

2

Are you sure it's a jquery object? Wrap it in $() again and .html() should exist.

it's [0].innerHTML or .get(0).innerHTML, in that innerHTML is a property not a method.

You should make sure that jquery exists by doing alert( jQuery == $) and you can check for the .jquery property.

answered Dec 8, 2010 at 16:39

meder omuraliev

187k76 gold badges401 silver badges443 bronze badges

5 Comments

user113716 Over a year ago

OP is saying that that's the part that works, but .html() doesn't.

meder omuraliev Over a year ago

Yes, but technically .innerHTML() wouldn't work, which he just changed. Accurate info is necessary imo.

user500038 Over a year ago

I meant innerHTML not innerHTML() it was a typo on my part.

Andrey Over a year ago

Correct, innerHtml is DOM element's function, not jQuery, which makes me think OP is getting those two confused

user113716 Over a year ago

@Andrey - I don't think so. OP is successfully pulling the DOM element out using [0] before employing innerHTML. Shows that he knows the difference.

Aaron Digulla · Accepted Answer · 2010-12-08 16:40:07Z

1

That's odd; try $(myjQueryObject).html();. If that works, the object isn't really a jQuery node.

If you still can't figure out why the object lost the html() method, post the code which creates it. Then, we might be able to help.

answered Dec 8, 2010 at 16:40

Aaron Digulla

330k111 gold badges626 silver badges840 bronze badges

Comments

Dutchie432 · Accepted Answer · 2010-12-08 16:41:31Z

1

How are you setting myjQueryObject?

<div id='myElement'></div>

//Good Javascript, Incorrect jQuery
myjQueryObject = document.getElementById('myElement');
myjQueryObject.innerHTML = '<b>My HTML Here</b>';

//Correct jQuery
myjQueryObject = $('#myElement');
myjQueryObject.html('<b>My HTML Here</b>');

//Compact Version of Correct jQuery
$('#myElement').html('<b>My HTML Here</b>');

answered Dec 8, 2010 at 16:41

Dutchie432

29.3k20 gold badges94 silver badges110 bronze badges

Collectives™ on Stack Overflow

jQuery object html() doesn't work ... but innerHtml does

4 Answers 4

3 Comments

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related