2013-08-20 54 views
0

在wordpress主题中,我使用wp_list_pages()函数来生成页面列表和它的工作很好,但我需要帮助使其中一个链接冗余。jquery,从父李删除href只

这是wp_list_pages的输出和一个我需要改变:

<li class="page_item page-item-12"><a href="http://mysite.com/page3">Page 3</a> 
    <ul> 
    <li><a href="http://mysite.com/page4">Page 4</a></li> 
</ul> 
</li> 

我想这是

<li class="page_item page-item-12">Page 3 
<ul> 
<li><a >Page 4</a></li> 
</ul> 
</li> 

这是JQuery的,我现在用:

<script> 
$(document).ready(function() { 

$(".page-item-12 a").removeAttr("href"); 
}); 
</script> 

但是,jquery删除链接从所有< li>在子ul中作为以及我不想要的。

在此先感谢。

回答

3

尝试

$('ul').find('li:has(ul)').children('a').removeAttr('href') 

演示:Fiddle

+0

,消除了整个链路,并且不离开文本,该文本是必要的,因此用户可以将鼠标悬停在并看到第二个< UL> – Danienllxxox

+0

@MarkPetherbridge请参阅upd吃了 –

+0

@MarkPetherbridge你想保持没有'href'的'a'元素,或者它可以被删除吗?对于'第3页'你已经删除了'a',但是对于'第4页'你保留了'a'但是删除了'href'这是正确的 –

0

使用此子选择:

<script> 
$(document).ready(function() { 

$(".page-item-12>a").removeAttr("href"); 
}); 
</script> 
0
$('.page-item-12').children('ul').find('a').first().prop('href', '');