jquery两个div互换,用jQuery切换2个div的位置

阳光穿透心脏的1/2处 2022-10-04 12:55 205阅读 0赞

![Image 1][]

I'm wondering if it's posible to switch positions of two divs with jQuery.

I have two div like this

STUFF ONE

STUFF TWO

so if div2 has content (or contains more than just white spaces) it switches the order of div1 and div2

so this:

STUFF ONE

STUFF TWO

would become this:

STUFF TWO

STUFF ONE

But if it was this:

STUFF ONE

or this:

STUFF ONE

it wouldn't do anything.

Also... if posible, if switched I would like to add a class to div1.

Any help with this will be very much appreciated.

UPDATE:

I forgot to add that I have to run this across multipul instanses on the same page.

Each instance is formated like this:

STUFF ONE

STUFF TWO

STUFF ONE

STUFF TWO

解决方案

I'll throw in my solution

$('.div2:parent').each(function () \{

$(this).insertBefore($(this).prev('.div1'));

\});

Edit: Doesn't work for whitespace in div2. Here's an updated solution:

$('.div2').each(function () \{

if (!$(this).text().match(/^\\s\*$/)) \{

$(this).insertBefore($(this).prev('.div1'));

\}

\});

[Image 1]:

发表评论取消回复

表情：

评论列表（有 0 条评论，205人围观）

还没有评论，来说两句吧...

相关阅读

相关 html的div内换页,切换两个div的翻页效果

使用步骤1、引入以下的js和css文件2、在head标签中加入以下js代码$(function() \{ //single book $('\mybook').booklet(

港控/mmm°/ 2022年10月09日 02:36/ 0 赞/ 211 阅读

相关 jquery两个div互换,用jQuery切换2个div的位置

![Image 1][] I'm wondering if it's posible to switch positions of two divs with jQuery.

阳光穿透心脏的1/2处/ 2022年10月04日 12:55/ 0 赞/ 206 阅读

相关 jquery获取一个div中有多少个子div

jquery获取一个div中有多少个子div html代码 html代码 <!DOCTYPE html> <html lang="zh

柔情只为你懂/ 2022年09月06日 10:24/ 0 赞/ 152 阅读

相关 jquery鼠标移上div切换

样式： .tb_box{ padding:20px; position: absolute; left:0; right:0; width: 50%;margin:a

偏执的太偏执、/ 2022年07月21日 02:17/ 0 赞/ 182 阅读

相关 Jquery DIV滚动至浏览器顶部位置固定

获取元素（这里定位元素A）距离顶部的高度，接着设定scroll滚动的事件，比如超过那个高度，把A的位置设定为fixed，小于该高度，修改回relative。方法一

梦里梦外;/ 2022年07月16日 02:12/ 0 赞/ 188 阅读

相关两个div并列

div是块级元素，是独占一行的，一般情况下，两个相邻的div是不会处于一行的。（1）使用float div \{ float : lef

╰+哭是因爲堅強的太久メ/ 2022年06月08日 09:18/ 0 赞/ 211 阅读

相关两个DIV平行存放

<style> div \{display:block; width:80px; height:22px; float:left;\} div.L \{border-r

小鱼儿/ 2022年04月01日 13:50/ 0 赞/ 226 阅读

相关 jquery实现两个div中的元素相互拖动

这里写了两个实例，两个都是基于jquery实现的。如果有更好的方法，欢迎分享。第一个效果图：拖动中： ![watermark_type_ZmFuZ3poZW5naGV

小鱼儿/ 2022年02月03日 15:13/ 0 赞/ 258 阅读

相关原生DIV，控制两个DIV显示隐藏切换，且切换后样式形状不乱

原生DIV，控制两个DIV显示隐藏切换，且切换后样式形状不乱功能：做项目时候经常需要设置两个DIV显示或者隐藏，切换显示，并且保证之前设置的样式不乱：实现：保证

小灰灰/ 2021年09月29日 23:52/ 0 赞/ 300 阅读

相关两个div水平排列

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding

悠悠/ 2021年09月28日 03:40/ 0 赞/ 368 阅读