将DOM元素移动到父元素的顶部，然后移动到所选元素之后

Question

<ul class="level1">
    <li>
         <span>category name</span>
         <ul class="level2"></ul>
         <ul class="level2"></ul>
         <ul class="level2"></ul>
         <ul class="level2"></ul>
         <ul class="level2"></ul>
    <li>
</ul>

我想选择带有level2类的ul来移动到顶部 ul.level1 li但它应该在ul.level1 li span之后。

实际上这是关于bootstrap树中的移动元素 http://jsfiddle.net/umutc1/eyf9q87c/

Answer 1

看到这个JSFiddle，认为它是你追求的：JSFiddle

基本上，你挂钩触发移动的事件，找到你要移动的东西，找到你要移动它的位置，并使用.after（）jq函数来移动。

HTH

$(function(){
    $("ul.level2").click(function(e){
        var clickedUL = $(e.target).closest("UL");
        $("ul > li > span").after(clickedUL);
    });
});