无法选择没有子项的列表中的

Question

您能让我知道谁只选择父<a>元素，而不是项2中的子列表吗？

我想要做的是只将.red类添加到项目1到5中的<a>的第一层，而不是添加到item2中的子<a>

​

     $(".the-list a:not(:has(ul))> a").each(function() {
         $(this).addClass('red');
    });

.red{color:red;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="the-list">
<ul>
  <li><a>Item 1</a></li>
  <li><a>Item 2</a>
    <ul>
      <li><a>Item 2-1</a></li>
      <li><a>Item 2-2</a></li>
      <li><a>Item 2-3</a></li>
      <li><a>Item 2-4</a></li>
      <li><a>Item 2-5</a></li>
    </ul>
  </li>
  <li><a>Item 3</a></li>
  <li><a>Item 4</a></li>
  <li><a>Item 5</a></li>
  <li><a>Item 6</a></li>
</ul>
</div>

​

Answer 1

>限制可以做到这一点。

​

$(".the-list > ul > li > a").each(function() {
    $(this).addClass('red');
});

.red{color:red;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="the-list">
<ul>
  <li><a>Item 1</a></li>
  <li><a>Item 2</a>
    <ul>
      <li><a>Item 2-1</a></li>
      <li><a>Item 2-2</a></li>
      <li><a>Item 2-3</a></li>
      <li><a>Item 2-4</a></li>
      <li><a>Item 2-5</a></li>
    </ul>
  </li>
  <li><a>Item 3</a></li>
  <li><a>Item 4</a></li>
  <li><a>Item 5</a></li>
  <li><a>Item 6</a></li>
</ul>
</div>

​

Answer 2

尝试此选择器ul > li > a