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(); 

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(); 
});