jquery - 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

Try

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

Demo: Fiddle

Answer 2

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

Answer 3

为此使用子选择器：

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

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