如果李有孩子，jQuery会杀死链接

Question

给定以下结构：

<ul>
    <li><a href="example.com>1</a></li>
    <li><a href="example.com>2</a></li>
    <li><a href="example.com>3</a>
        <ul>
            <li><a href="example.com">3.1</a></li>
            <li><a href="example.com">3.2</a>
                <ul>
                    <li><a href="example.com">3.2.1</a></li>
                </ul>
            </li>
        </ul>
    </li>
    <li><a href="example.com>4</a></li>
</ul>

我想自动删除或终止3和3.2 的链接

基本上，任何李有孩子的链接都应该被删除。对此最好的方法是什么？

Answer 1

如果您不想保留文本：

$('li:has(ul) > a').remove();

演示

如果你想保留文本，你可以使用.replaceWith:

$('li:has(ul) > a').replaceWith(function() {
    return $(this).text();
});

DEMO

Answer 2

即使我没有测试，这也应该有效：

$('li').filter(function(){ return $('ul', this).length ? this : ''; }).find('a:first').unwrap('<a></a>')

Answer 3

$("a").click(function(e){
    if( $(this).parent().children('ul').length > 0 ){
        e.preventDefault(); //prevent the link from being followed
        $(this).remove(); //remove the a element
    }
});

Answer 4

使用jQuery，

$('li > a').each(function() {
  if ($(this).siblings().length)
    $(this).remove();
});

Answer 5

$('ul li > ul').parent().children("a").attr("href","#")