jQuery 实现交换元素位置（移动节点）

最新推荐文章于 2024-10-04 11:07:39 发布

ld513508088

最新推荐文章于 2024-10-04 11:07:39 发布

阅读量5.5w

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/ld513508088/article/details/27117057

版权

这篇博客演示了如何使用jQuery的`before()`和`insertBefore()`方法来交换HTML列表中的元素位置。通过选取指定索引的`<li>`元素，并将其移动到另一个`<li>`元素之前，实现了列表项的位置互换。

摘要由CSDN通过智能技术生成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>3-3-2</title>

<script src="../../scripts/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(function(){
var $one_li = $("ul li:eq(1)");    // 获取<ul>节点中第二个<li>元素节点
var $two_li = $("ul li:eq(2)");    // 获取<ul>节点中第三个<li>元素节点