-1

在以下情况下,我对函数 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>标签也应该被删除。我无法完成这件事。

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

4

1 回答 1

0

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

$('#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/

于 2013-02-19T13:54:40.890 回答