Question

Why does this not work…

$(‘#parent’).children()[3].html(‘Content’);

Doesn’t work
TypeError: $(“#parent”).children()[3].html is not a function.

when this does?

var x = $(‘#parent’).children()[3].className;

Does work

An example is found at my now-mashed jsperf test

Thanks.

Answer 1

$("#parent").children()[3] gives you a native DOM object, not a jQuery object, and html is not a property on DOM nodes, but className is. Use .innerHTML to get the inner HTML.

Live Demo

alert($("#parent").children()[2].innerHTML);

or

alert( $("#parent").children().eq(2).html());