使用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并按下按钮向上或向下移动它。但我在移动嵌套列表时遇到问题。 内部应该是内部可移动的，而外部也应该与内部的li一起移动。任何帮助!!!

我正在使用

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

但是，主要的李一直在移动。我不知道如何让孩子独自转介内部。

Answer 1

这是因为每次点击内部'li'时你的事件就会冒泡，而完整的li会向上移动而不是孩子。

使用event.stopPropogation()并在点击您的孩子'li'

时将其绑定到该事件