javascript - 将 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>

我希望选定的 ul 具有 level2 类，以移动到顶部ul.level1 li 但应该在 ul.level1 li span 之后。

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

Answer 1

看到这个 JSFiddle，认为这就是您所追求的:JSFiddle

本质上，您 Hook 触发移动的事件，找到您想要移动的东西，找到您想要将其移动到的位置，然后使用 .after() jq 函数来执行移动。

HTH

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