当前位置: 首页 > 面试题库 >

在jQuery中仅选择第一级元素

周通
2023-03-14
问题内容

如何<ul>从这样的列表中选择仅父级的链接元素?

<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a>
  <ul>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
  </ul>
</li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>

所以在css中ul li a,但不是ul li ul li a

谢谢


问题答案:
$("ul > li a")

但是,如果您要专门针对最外层的ul,则需要在根ul上设置一个类:

<ul class="rootlist">
...

然后是:

$("ul.rootlist > li a")....

确保您只有root li元素的另一种方法:

$("ul > li a").not("ul li ul a")

它看起来很笨拙,但可以解决问题



 类似资料:
  • 问题内容: 我有3个具有相同ID的按钮,当他被点击时,我需要获取每个按钮的值。 这是我当前的脚本: 但这仅适用于第一个按钮,单击其他按钮将被忽略。 问题答案: 我有3个具有相同ID的按钮… 您的HTML无效,同一页面中的元素不能超过一个。 引用规格: 7.5.2 元素标识符:id和class属性 id =名称[CS] 此属性为元素分配名称。此名称在文档中必须唯一。 解决方案 :从更改为, 和 jQ

  • 问题内容: 在我们的应用程序中,我们解析一个网页并将其加载到iFrame中的另一个页面中。该加载页面中的所有元素都有其令牌标识。我需要通过那些tokenid -s选择元素。意思是-我单击主页上的元素,然后在iFrame中选择页面中的相应元素。在jQuery的帮助下,我通过以下方式进行操作: 但是,通过此功能,我只能选择当前页面中的元素,而不能选择iFrame中的元素。谁能告诉我如何在加载的iFra

  • 问题内容: 我想创建一个类似记录器的东西,它可以跟踪用户的所有动作。为此,我需要确定用户与之交互的元素,以便在以后的会话中可以引用这些元素。 我用伪代码说过,我希望能够做以下事情 HTML示例(可能很复杂): 用户单击链接之类的内容。现在,我需要确定被单击的元素并将其位置保存在DOM树中,以备后用: 现在,uniqueSelector应该是这样的(我不在乎它是xpath还是css选择器样式): 这

  • 我试图得到一个下一个元素,但它不起作用。 下面是元素列表: 我所尝试的: 我可以选择当前的div: 获取第一个元素: 现在,我想获得下一个div之后的选择的div 我尝试了很多方法(包括next()closest()find()等),但没有找到解决方法) 结果: 找不到元素。 如果我试着: 然后,我得到第二个div(包含类“items-body-content”//KO) 蓝色div之后的div怎

  • 问题内容: 我有表,其中有一列可能在突发中具有相同的值。像这样: 现在,我要修剪重复值的行,并仅选择第一个出现的行。 对于上表,结果应为: 如何在SQL中执行此操作? 请注意,仅应删除突发行,并且可以在非突发行中重复值! &在样本结果中重复。 编辑: 我用这个实现了它: 但这仅在ID为顺序的时才有效。id(已删除的ID)之间有间隔,查询中断。我怎样才能解决这个问题? 问题答案: 您可以使用半联接来

  • 问题内容: 我对CSS选择器有疑问。仅当在具有类名的a中时,如何选择具有特定类名的a ?这个CSS类在其他地方使用,我不想在任何地方更改样式。 问题答案: 只需在父元素和后代元素之间使用CSS后代选择器(空格)即可: 在这种情况下,仅适用于Class的规则,前提是其祖先是该Class的规则。相反,您可以使用直接子组合器,但是您必须指定与每个父/祖先的关系,直到需要其类的父子/祖先,这可能很难维护C