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

的链接

基本上应该删除任何有孩子链接的li。什么是最好的方法呢？

Answer 1

如果您不想保留文字：

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

DEMO

如果您想保留文字，可以使用.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

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

Answer 5

使用jQuery，

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

如果li有孩子，jQuery kill链接

5 个答案: