javascript $(this).find and innerHTML

Question

 document.getElementById("test").innerHTML += " hello two";

That works for me. But only for the first 'test' division on my page. I want to add the innerHTML inside where I want it.

so I have a button and when I click it something like this must happen:

$this.find("#test").innerHTML += " hello two";

But this second code won't work.

What am I doing wrong?

Answer 1

Because .find() doesn't return the element, but the jQuery object (which doesn't have an innerHTML property). If you're using jQuery, a better method would be to rely on .append():

$("#test").append(" hello two");

Here is a JSFiddle which demonstrates the .append() solution, as well as doing a console.log() of your find() code so you can open it in your browser's developer console and examine the object for yourself.