jquery - :First-child affecting all children

Question

嗨，我正在尝试定位第一个 <a> .current-cat-parent 下的元素，但我的 jquery 代码正在影响所有 <a>这下面的元素。我怎样才能只定位第一个立即<a>元素？谢谢!

$(".current-cat-parent a:first-child").click(function(e){
            e.preventDefault();
          if( $(this).hasClass('hide') ){
            $(this).next().slideDown(800);
            $(this).removeClass('hide');
          } else { 
            $(this).next().slideUp(800);
            $(this).addClass('hide');
          }
    });

<li class="cat-item cat-item-1 current-cat-parent">
  <a title="View all posts filed under Clothing" href="http://site.com/category/clothing">Clothing</a>
  <ul class="children">
    <li class="cat-item cat-item-3"><a title="View all posts filed under Jeans" href="http://site.com/category/clothing/jeans">Jeans</a></li>
    <li class="cat-item cat-item-2 current-cat"><a title="View all posts filed under Suits" href="http://site.com/category/clothing/suits">Suits</a></li>
  </ul>
</li>

Answer 1

您可以使用eq()定位第一个子级。

$(".current-cat-parent a:eq(0)")