Question

请告诉我谁只选择父母render()元素，而不是第2项中的子列表？

我想要做的是将<a>类仅添加到第1项至第5项中.red的第一层，而不是第2项中的<a>

＆＃13;

<a>

＆＃13;

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

＆＃13;

.red{color:red;}

＆＃13;

Answer 1

>限制将会这样做。

＆＃13;

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

＆＃13;

.red{color:red;}

＆＃13;

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

＆＃13;

Answer 2

尝试此选择器ul > li > a

不能选择一个没有孩子的列表

2 个答案: