通过jquery设置index
在网页开发中，经常需要获取或设置一个元素在同级元素中的位置，这就需要用到index。而jQuery提供了很方便的方法来获取或设置元素的index。
一、获取元素的index
例如，在以下代码结构中，我们需要获取li元素的index：
<ul> <li>第一个</li> <li>第二个</li> <li>第三个</li> </ul>
使用jQuery获取index非常简单，只需要使用index()方法即可：
$("li").click(function(){
var index = $(this).index();
alert(index);
});这段代码的意思是：当li元素被点击时，获取它在同级元素中的位置，并 alert 出来。
二、设置元素的index
有时候，需要动态地改变元素在同级元素中的位置。比如，当前 li 元素的位置为2，我想把它改为1。
<ul> <li>第一个</li> <li>第三个</li> <li>第二个</li> </ul>
这时候，可以使用 jQuery 提供的 after() 或 before() 方法来实现：
$("li:eq(2)").after($("li:eq(0)"));这段代码的意思是：把索引为2的元素（第三个）移动到索引为0的元素（第一个）的前面，即实现位置变为1。
除了使用 after() 或 before() 方法以外，也可以使用 appendTo() 或 prependTo() 方法。例如，我想把第三个 li 元素移到最前面：
$("li:eq(2)").prependTo($("ul"));这段代码的意思是：将索引为2的元素（第三个）添加到 ul 里面，但是放到最前面，即实现位置变为0。
总结：
通过 jQuery 可以轻松地获取或设置一个元素的位置，根据需求选择合适的方法可以更好地实现功能。
