jquery - JQuery在li里面解开ol

Question

在以下情况下，我对函数 unwrap 有一点问题：

<li id="menu_89">
    <div class="list-item">Home
        <div class="actions"><a class="delete" href="#">Delete</a>
        </div>
    </div>
    <ol>
        <li id="menu_91">
            <div class="list-item">New user
                <div class="actions"><a class="delete" href="#">Delete</a>
                </div>
            </div>
            <ol>
                <li id="menu_93">
                    <div class="list-item">Pay
                        <div class="actions"><a class="delete" href="#">Delete</a>
                        </div>
                    </div>
                </li>
            </ol>
        </li>
    </ol>
</li>

当按下删除按钮时，列表项应该被删除，并且之间的所有内容都<ol>应该保留，但<ol>标签也应该被删除。我无法完成这件事。

所以当你按下主页上的删除按钮时，主页应该被删除，新用户和支付应该保留。

Answer 1

这适用于您的场景（我不确定它是否可以进一步优化以提高效率）：

$('#menu_89').on('click', '.delete', function() {
  var $ele = $(this).closest("li").find("ol").eq(0);
   $ele.contents().unwrap();
   $(this).parent().parent().remove(); 
});

jsFiddle：http: //jsfiddle.net/6JPzb/