Question

I’ve HTML like that:

<div>
  <table>
  </table>
  <div>
  </div>
</div>

In JavaScript I have already access to this table. Now I want to get the other child element (div) from parent.

var par = table.parentNode;
var ch = $(par).children("div").first();

Actual I have an object, but when I try to add HTML like

ch.innerHTML = "Test";

I’ve no success. The text test is not added. If I would add the text to par itself, it works, but as soon as I get children with jquery, it does not work.

For debugging I alert the par and the ch. In case of par I see that I have HTMLDivElement, in case of ch it is only an Object.

What I am doing wrong?

Hint: Giving an id to the div and get it this way is not a solution for my application!

Answer 1

ch is referring to a jQuery collection of elements (alerts [object Object]) so what should work is

ch[0].innerHTML = "Test"; (ch[0] = [object HTMLDivElement])

or

 ch.html( "Test" );

I do not recommend the former in any case but just pointing out what went wrong.