用JS/JQuery调换两个div/p/span的顺序
Markup
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用JS/JQuery调换两个div/p/span的顺序</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
var $one = $("#one");
var $two = $("#two");
$two.insertBefore($one);
});
});
</script>
</head>
<body>
<button>调换顺序按钮</button>
<br><br>
<p id="one">这是第一个段落。</p>
<p id="two">这是第2个段落。</p>
</body>
</html>按钮执行之前：
点击按钮，执行之后：
如果需要调换div或者span的话，方法是一样的，只要在对应容器中增加一个id即可。也可以改用class，但是前面js里面记得把 # 换成 . 才能执行成功。
本文由 NutBlog 网站首发，禁止转载。
