Javascript 如何使用jquery在单击按钮时分别交换两个div？_Javascript_Jquery_Html

Javascript 如何使用jquery在单击按钮时分别交换两个div？

javascript jquery html

Javascript 如何使用jquery在单击按钮时分别交换两个div？,javascript,jquery,html,Javascript,Jquery,Html,我想在每次单击时交换div。但它只在第一次点击时交换函数SwapDivsWithClick（）{ $（“#交换其他”）。每个（函数（）{ 如果（！$（this）.text（）.match（/^\s*$/）{ $（this.insertBefore（$（this.prev（#swapper first））； } }); } 此div在网页首次加载时显示。单击链接时显示此div。您不需要使用.each（），因为您的选择器包含一个元素。所以使用底层代码在一个选择器中选择#swap

我想在每次单击时交换div。但它只在第一次点击时交换

函数SwapDivsWithClick（）{
$（“#交换其他”）。每个（函数（）{
如果（！$（this）.text（）.match（/^\s*$/）{
$（this.insertBefore（$（this.prev（#swapper first））；
}
});
}



此div在网页首次加载时显示。


单击链接时显示此div。

您不需要使用

.each（）

，因为您的选择器包含一个元素。所以使用底层代码

在一个选择器中选择

#swapper first

和

#swapper other

，然后使用

.first（）

获取最先使用的元素，并使用

.before（）

在另一个元素之前插入选定元素

函数SwapDivsWithClick（）{
$（“#交换程序优先，#交换程序其他”）.first（）在（函数（）之前{
返回$（this.next（）；
});
}



此div在网页首次加载时显示。


单击链接时显示此div。

您不需要使用

.each（）

，因为您的选择器包含一个元素。所以使用底层代码

在一个选择器中选择

#swapper first

和

#swapper other

，然后使用

.first（）

获取最先使用的元素，并使用

.before（）

在另一个元素之前插入选定元素

函数SwapDivsWithClick（）{
$（“#交换程序优先，#交换程序其他”）.first（）在（函数（）之前{
返回$（this.next（）；
});
}



此div在网页首次加载时显示。


单击链接时显示此div。

这里有一个工作示例：带有类

swapIt

的最后一个

div

设置在带有类

swapIt

的第一个

div

之前

我所做的：我给每个div分配了类

swapIt

。在函数中，该类的最后一个元素（

：last

）被推到该类的第一个元素（

swapIt

）上

函数SwapDivsWithClick（）{
$（'.swapIt:last'）.insertBefore（$（'.swapIt:first'））；
}



此div在网页首次加载时显示。


单击链接时显示此div。