如何删除没有某个父元素的元素？

Question

我想删除没有父母的列表项 ul

这是我的HTML:

<div class="yamm-content">
    <div class="row">
        <li> <a href="#">Should be deleted</a>

        </li>
        <li> <a href="#">Should be deleted</a>

        </li>
        <ul id="randomid" class="col-xs-12 col-sm-4">
            <li> <a href="#">menu item</a>

            </li>
            <li> <a href="#">menu item</a>

            </li>
            <li> <a href="#">menu item</a>

            </li>
        </ul>
        <ul id="randomid2" class="col-xs-12 col-sm-4">
            <li> <a href="#">menu item</a>

            </li>
            <li> <a href="#">menu item</a>

            </li>
            <li> <a href="#">menu item</a>

            </li>
        </ul>
    </div>
</div>

和我目前的脚本:

if (!$('.nav .yamm-content row li').closest('ul').length == 0) {
    $(this).remove();
}

的jsfiddle

前两个列表项没有ul父母.所以应该删除它们.

Answer 1

简单: $('li:not(ul > li)').remove();

演示 http://jsfiddle.net/46NdQ/3/