jQuery, How to print text twice using a for loop?

Question

What am I doing wrong here?

---

I have the following code:

HTML:

<div></div>

jQuery:

for(var i = 0; i < 2; i++){
  console.log('test');
  $('div').text('sometext ');
}

My Output:

sometext

What I expect:

sometext sometext

Why does this not print the text to the div twice?

Answer 1

Use .append()

.text replaces the previous content.

for(var i = 0; i < 2; i++){
  console.log('test');
  $('div').append('sometext');
}

Check Fiddle

Or

If you really want to use text you can do this

var html = '';
for(var i = 0; i < 2; i++){
  console.log('test');
  html += 'sometext ';
}
$('div').text(html);

Fiddle 2

Store the text in a variable and then use text after the for loop.