Как поменять местами 2 input?

Question

[zlFast]

Есть 2 тега со своими id. Как можно при помощи jquery поменять местами эти 2 input?

Answer 1

[Денис]

Если элементы находятся рядом, то можно сделать просто:

$('#first').insertAfter('#second');
// или аналогично
// $('#second').insertBefore('#first');

Answer 2

[Виталий Инчин ☢]

cloneNode

replaceChild

<div id="inp1"></div>
<div id="inp2"></div>

Если они друг за другом идут

inp1.parentNode.insertBefore(inp1, inp2);

Если в разных местах

function replaceElements(elemOne, elemTwo){
  var next = elemOne.nextElementSiblings,
        parentOne = elemOne.parentNode,
        parentTwo = elemTwo.parentNode
  ;
  
  parentTwo.insertBefore(elemOne, elemTwo);

  if(next){
     parentOne.insertBefore(elemTwo, next);
  }else{
     parentOne.appendChild(elemTwo);
  }

}

replaceElements(inp1, inp2);

https://jsfiddle.net/kpv9pknr/

Ну или в подобном стиле...

Answer 3

[Александр]

Уточните вопрос. Обмен должен быть со стороны верстки, т.е. визуально?

Comments

[zlFast]

да, со стороны вёрстки

[Александр]

zlFast: можно это сделать с помощью css: для враппера, где находятся инпуты даете свойство display: table, для верхнего инпута display: table-footer-group, для нижнего - display: table-header-group.