Jquery，仅从父li中删除href

Question

在wordpress主题中，我使用wp_list_pages（）函数来生成页面列表，并且它的工作正常，但我需要帮助使其中一个链接冗余。

这是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正在删除所有＆lt; li>在孩子的ul中也是我不想要的。

提前致谢。

Answer 1

尝试

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

演示：Fiddle

Answer 2

使用子选择器：

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

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

Answer 3

$('.page-item-12').children('ul').find('a').first().prop('href', '');