时间戳

首页 > 解决方案 > 如何使用元素查找特定ID

jquery - 如何使用元素查找特定ID

问题描述

我有几个用 html 创建的图像 div。html代码看起来像这样

<ul class="menu controls">
                    <li class="selected"><a href="#vsetko">Všetko</a></li>
                    <li><a href="#dota">Dota 2</a></li>
                    <li><a href="#hunt">Hunt: Showdown</a></li>
                    <li><a href="#wow">World of Warcraft</a></li>
                </ul>

假设我想隐藏#dota id，所以我尝试通过 jquery 来实现，但我似乎无法让它工作。

$("li").find("#dota").hide();

我对此很陌生，请您指出我的某个地方并告诉我我做错了什么？

标签： jquery

解决方案

道歉，忽略我的评论，我不得不进一步查看代码，看看你想要完成什么。考虑以下示例。

$(function() {
  $("li > a[href='#dota']").hide();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="menu controls">
  <li class="selected"><a href="#vsetko">Všetko</a></li>
  <li><a href="#dota">Dota 2</a></li>
  <li><a href="#hunt">Hunt: Showdown</a></li>
  <li><a href="#wow">World of Warcraft</a></li>
</ul>

您不是要选择 ID 为 的项目dota，而是要选择一个引用#dota为锚点的链接。因此，在这种情况下，您可以使用元素属性选择器选择项目。

$("li > a[href='#dota']")

如果我们在这里分解选择器，我们有：

把它们放在一起，我们就可以隐藏一个特定的元素。

推荐阅读