HTML div mapping

Если бы я определил некоторый div в коде, как это:

if(...)
{
// code
// code again
if(...)
{
// code
<div> first div </div>
//code code
}
}
<div> second div </div>

Таким образом, «первый div» всегда появляется перед «вторым div», как я могу изменить порядок отображения div? Благодарю.

1

Решение

как насчет этого (вам нужны div id)

$('#secondDiv').insertBefore('#firstDiv').remove();

Измените свой код на:

if(...)
{
// code
// code again
if(...)
{
// code
<div id='firstDiv'> first div </div>
//code code
}
}
<div id='secondDiv'> second div </div>
2

Другие решения

Вы можете показать второй <div> в заранее определенном месте, добавив его к другому div. Например:

HTML:

<div id="fake-second"></div>
<div id="first"> first div </div>
<div id="second"> second div </div>

JQuery:

$("#fake-second").append($("#second").html());
$("#second").hide();

JS Fiddle Demo

2

По вопросам рекламы [email protected]