javascript - 禁用 问题中的 `` 链接

Question

基本上我确实有一段用于嵌套列表的 HTML 代码，如下所示:

<ul>       
  <li class="level_1">
    <a href="level1.html">Insulated And Extruded</a>
    <ul class="level_2">
      <li><a href="">TE77</a></li>
      <li><a href="">TE78</a></li>
      <li><a href="">T77</a></li>
      <li><a href="">TS77</a></li>
    </ul>
  </li>
  <li class="level_1"><a href="">Grille Type Rolling</a></li>
  <li class="level_1"><a href="">PVC High Speed Doors</a></li>
  <li class="level_1"><a href="">Swinging doors</a></li>
</ul> 

使用这个我需要做的是，我想检查 li.level_1有一个 <ul> ，如果是这样，那么我需要禁用 <a> link 直接在li.level_1里面的链接.

这就是我在 jquery 中尝试的方式，但它删除了所有 a从列表中。

if($('ul li').has('ul').length) {
  $('ul li > a').removeAttr('href'); 
}

谁能告诉我如何解决这个问题？

Answer 1

你可以检查 li 是否有 ul 并像这样禁用 a。

$('.level_1:has(ul) > a').removeAttr('href')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>       
  <li class="level_1">
    <a href="level1.html">Insulated And Extruded</a>
    <ul class="level_2">
      <li><a href="">TE77</a></li>
      <li><a href="">TE78</a></li>
      <li><a href="">T77</a></li>
      <li><a href="">TS77</a></li>
    </ul>
  </li>
  <li class="level_1"><a href="">Grille Type Rolling</a></li>
  <li class="level_1"><a href="">PVC High Speed Doors</a></li>
  <li class="level_1"><a href="">Swinging doors</a></li>
</ul>