使用jQuery切换2个div的位置

前端之家收集整理的这篇文章主要介绍了使用jQuery切换2个div的位置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道是否可以用jQuery切换位置的两个div。

我有两个这样的div

<div class="div1">STUFF ONE</div>
<div class="div2">STUFF TWO</div>

所以如果div2有内容(或包含多于只是空格),它切换div1和div2的顺序

所以这:

<div class="div1">STUFF ONE</div>
<div class="div2">STUFF TWO</div>

会变成这样:

<div class="div2">STUFF TWO</div>
<div class="div1">STUFF ONE</div>

但如果是这样:

<div class="div1">STUFF ONE</div>
<div class="div2"></div>

或这个:

<div class="div1">STUFF ONE</div>
<div class="div2">    </div>

它不会做任何事情。

也…如果posible,如果切换我想添加一个类到div1。

任何帮助,这将非常感谢。

更新:

我忘了添加,我必须在同一页上的multipul instanses运行。

每个实例都是这样形成的:

<div class="view-container"> 
  <div class="view-content"> 
   <div class="views-row">
     <div class="div1">STUFF ONE</div>
     <div class="div2">STUFF TWO</div>
   </div>
   <div class="views-row">
     <div class="div1">STUFF ONE</div>
     <div class="div2">STUFF TWO</div>
   </div>
  </div>
</div>

解决方法

我会把我的解决方
$('.div2:parent').each(function () {
    $(this).insertBefore($(this).prev('.div1'));
});

编辑:不适用于div2中的空格。这里有一个更新的解决方案:

$('.div2').each(function () {
    if (!$(this).text().match(/^\s*$/)) {
        $(this).insertBefore($(this).prev('.div1'));
    }
});
原文链接:https://www.f2er.com/jquery/183679.html

猜你在找的jQuery相关文章