2013-08-20 86 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', '');