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也会从子ul中删除所有<li>中的链接，但我也不想这样做。

提前致谢。

Answer 1

尝试

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

演示： 小提琴

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', '');