Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Как передвинуть тэг (https://javascript.ru/forum/jquery/54110-kak-peredvinut-tehg.html)

SKLNSK 04.03.2015 07:42

Как передвинуть тэг
 
Как передвигать тэги?

Например div передвинуть вверх, а #p2 передвинуть вниз

<p id=p1></p>
<div id=div1></div>
<p id=p2></p>
<p id=p3></p>

danik.js 04.03.2015 08:12

Держи!
<div id=div1></div>
<p id=p1></p>
<p id=p3></p>
<p id=p2></p>

Можешь не благодарить :) .

laimas 04.03.2015 08:16

$('#p1').before($('#div1'));
$('#p3').after($('#p2'));

рони 04.03.2015 09:46

SKLNSK,
:) http://learn.javascript.ru/modifying...d-insertbefore
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
 <p id=p1>1</p>
 <div id=div1>test</div>
 <p id=p2>2</p>
 <p id=p3>3</p>
 <script>
     p1.parentNode.insertBefore(div1, p1);
 </script>
</body>

</html>

SKLNSK 04.03.2015 11:08

А если я заранее не знаю какой тэг стоит перед div ?

ksa 04.03.2015 11:51

Цитата:

Сообщение от SKLNSK
А если я заранее не знаю какой тэг стоит перед div ?

Эту информацию всегда можно узнать... ;)
http://jquery-docs.ru/Traversing/prev/

SKLNSK 04.03.2015 12:39

о супер, работает!!!

рони 04.03.2015 12:43

Цитата:

Сообщение от SKLNSK
А если я заранее не знаю какой тэг стоит перед div ?

div1.parentNode.insertBefore(div1, div1.previousElementSibling);


Часовой пояс GMT +3, время: 15:33.