Как вставить элемент а начало?

Question

[newaitix]

Вот упрощенный вариант того что нужно сделать

<div>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>

Нужно вставить перед каждым числом слово "номер - " чтоб получилось вот так

<div>
<div>номер - 1</div>
<div>номер - 2</div>
<div>номер - 3</div>
<div>номер - 4</div>
</div>

Как это сделать ?

Answer 1

[VoidVolker]

$('div>div').each( function(){
    var $t = $(this);
    $t.text( 'номер - ' + $t.text() );
});

https://jsbin.com/xazoponevo/edit?html,js,output

Answer 2

[Ростислав Игнатенко]

Передаешь в переменную текущее значение с дива, а потом записываешь обратно в него "Номер - " + значение из переменной.

Comments

[newaitix]

Ну я в принципе так и думал. Но предположил что возможно есть другой вариант.

[newaitix]

А почему так получается ?

var element=document.createElement('div');
document.body.innerHTML=element;

дает
[object HTMLDivElement]

[VoidVolker]

Потому что innerHTML - строка, а element - объект типа HTMLDivElement и при его конвертации в строку (т.к. свойство - строка) всегда будет строка вида [object HTMLDivElement].

document.body.innerHTML=element; === document.body.innerHTML=element.toString();

[newaitix]

VoidVolker, А как тогда вставить этот элемент ?

[VoidVolker]

document.body.innerHTML = '<div></div>';

Answer 3

[Андрей Федоров]

без jquery

var elems = document.querySelectorAll("div>div");
elems.forEach(function(item, i, elems) {
   elems[i].innerHTML = "номер - " + elems[i].innerHTML;
});

https://codepen.io/aliencash/pen/eexvmj