Javascript Jquery仅选择第一个ul内部div

我在

div

中有一个

ul

。我还有另一个

ul

内置

li

。我只需要选择位于

div

内的第一个

ul

。如何在jquery中实现这一点

标记

<div class="parent">
  <div class="clearfix">
    <div class="another-div">
      <ul class="first-ul">
        <li>First</li>
        <li>Second</li>
        <li>Third</li>
        <li>Fourth</li>
        <li>Fifth</li>
        <li>
          <ul class="second-ul">
            <li>First</li>
            <li>Second</li>
            <li>Third</li>
            <li>Fourth</li>
            <li>Fifth</li>
          </ul>        
        </li>
      </ul>
    </div>
  </div>
</div>

首先
第二
第三
第四
第五


首先
第二
第三
第四
第五

---

我想只使用

父类选择
第一个li
。我尝试了
$（'.parent>ul'）
，但不起作用。和
$（'.parent ul'）
，但这会同时选择两个ul。我不想使用第一个ul类或任何东西。
像这样：


$（“div>ul”）.addClass（'selected'）
ul:未选择（.selected）{
显示：无；
}


首先
第二
第三
第四
第五


首先
第二
第三
第四
第五



您还可以通过以下方式访问第一个ul：

$('.parent ul:first li:first').css('color', 'blue');

ul:first将选择div中的第一个ul，类作为父类

看看这个
 尝试：$（'.parent-li'）[0]作为$（'.parent-ul'）查找下一个元素。
$（'.parent-ul:has（ul）
或
$（'.parent-ul:eq（0）
，使用过滤器
$（'.parent-ul'）。过滤器（函数（）{return$（this.parents（'ul'）。长度==0；}）
你的意思是什么@damaxcontent判断类“selected”已添加的唯一方法是打开开发人员控制台。一个简单的
。选择{background:red；}
会更好，或者更好地更改JS来改变样式属性，如果简单是你的目标哦，我知道，但是OP不需要看到任何
可视化
，也不想
添加类
，例如，我只写
添加类
，OP只需选择第一个
ul
@但是，假设jquery的新手走进来查看您的代码。。。他不知道发生了什么事