jquery如何交换兄弟节点siblings的顺序?

码云
2020-11-03 16:51

使用jquery交换兄弟节点siblings的顺序的代码如下:

/**
 * @param subjectIndex {int} 需要移动的对象位置
 * @param objectIndex {int} 目标对象位置
 * @param siblings {jQuery} 兄弟对象集合
 */
var swapElements = function(siblings, subjectIndex, objectIndex) {
    //获取需要移动的对象
    var subject = $(siblings.get(subjectIndex));
    //获取目标位置的对象
    var object = siblings.get(objectIndex);
    //将需要移动的对象放到目标位置对象的后面
    subject.insertAfter(object);
}
$(function() {
    //执行前
    //<ul>
    //    <li>One</li>
    //    <li>Two</li>
    //    <li>Three</li>
    //    <li>Four</li>
    //</ul>
    swapElements($('li'), 0, 1);//测试方法
    //执行后
    //<ul>
    //    <li>Two</li>
    //    <li>One</li>
    //    <li>Three</li>
    //    <li>Four</li>
    //</ul>
});


 

调用改方法调整节点顺序或者自己按照类似的方式写。

全部评论

相关文章