jquery - 使用 jquery 片段移动嵌套的 li 元素

Question

<ul>
    <li><span> Level 1 </span>
         <ul>
             <li><span>Level 2</span> 
              <ul>
                   <li><span>Level 3</span></li>
                   <li><span>Level 3</span></li>
               </ul>
              </li>
           </ul>
         </li>
      <li><span> Level 1 </span>
         <ul>
             <li><span>Level 2</span></li>
          </ul>
      <li>
</ul>

在上述格式中，我有一个列表项。我需要选择一个 li 并在单击按钮时将其向上或向下移动。但是我在移动嵌套列表时遇到了问题。内里应该可以在内部移动，而外里也应该和内里一起移动。任何帮助！

我在用

 selected.prev().before(selected); //for up
     selected.next().after(selected);   // for down

但一直只有李主一个人在动。我不知道如何单独让孩子们在内部移动。

Answer 1

这是因为每次单击内部“li”时，您的事件都会冒泡，并且完整的 li 向上移动而不是子元素。

使用event.stopPropogation()并将其绑定到单击您的孩子“li”时的事件