How to re write innerHTML in jQuery

Question

I have the following in my js.

for (var i = 0; i < this.length; i++) {
this[i].innerHTML = thehtmlval;
}

I want to write the same in jQuery.

I did some search and saw this but dont know how to apply it in this case. Can someone please help.

Answer 1

Assume this in your code is a NodeList:

$(this).each(function() {
  $(this).html(thehtmlval);
});

Or just: $(this).html(thehtmlval); because jQuery already did the loop for you inside.

Answer 2

try this

$(this).html(thehtmlval);

if multiple then you can use jquery $.each()

Answer 3

First we should know what this is.

For example if this is just a div, you could use the next code:

${'#myDivId'}.html(thehtmlval); 
or
${this}.html(thehtmlval); 

If you are trying to add a text, you can use the next one:

${'#myDivId'}.text(thehtmlval); 
or
${this}.text(thehtmlval);

Answer 4

Try this

for (var i = 0; i < this.length; i++) {
    $(this[i]).html(thehtmlval);
}

Answer 5

Try html() which ovverides previous html in side the selector

$(selector).each(function() {
  $(selector).html(htmlval);   //ovverides previous html in side the selector  
});

http://api.jquery.com/html/

Answer 6

instead of using innerHTML or HTML() use text().