如何使用javascript更改div元素的位置

时间:2017-11-07 14:39:31

标签: javascript jquery html

首先,我不知道这个标题是否正确,并告诉我真正想要的是什么。我有html表单,前面有很多元素。 div,p或js。例如:

<div id="main">
  <div id="abc1"></div>
  <div id="abc2"></div>
  <style>.module a {min-height: 25px;padding-left: 95px;}</style>
  <form id="myForm">...</form>
  <script>...</script>
</div>

我想改变顺序或两个元素:abc1和abc2。在js我有:

$(document).ready(function(){
    $('#main').each(function (index, element) {
        var html = '';
        html += '<div id="abc2">'+ $(element).find('#abc2').html() +'</div>';
        html += '<div id="abc1">'+ $(element).find('#abc1').html() +'</div>';
        $(element).html(html);
    }); 
});

这很有效。但问题是我需要包含div#main中的每个元素。可以在javascript中包含其他一个而不包含其中一个吗?

亲切的问候

1 个答案:

答案 0 :(得分:0)

对我来说,它看起来有点昂贵的操作,每次搜索元素并搜索它需要你的前端带宽。我想知道你是否尝试用css和flex盒修复它?如果您使用的是Bootstrap,那么您也可以使用可以在您的情况下使用的类。