javascript - 如何使用 jQuery 隐藏没有类或 ID 的元素...当父级也没有 ID 时？

标签 javascript jquery css jquery-selectors kendo-ui

我想使用 jQuery 处理事件 in a given search box .我的问题是

我不知道如何正确构建选择器，以便 JQuery 接受它。
我想我有点糊涂了，因为我需要列表中的第二个元素并且需要选择那个元素。

运行时 HTML 如下所示:(改编自 Chrome 开发者工具，仅显示相关类和 ID。没有要显示的 ID。)

<body class=km-ios7 km-7 km-m0 km-web km-black-status-bar km-vertical km-widget km-pane>
   <div class="km-widget km-view">

       <!-- Begin 3rd party control -->
       <div class=class="km-widget km-view">
          <div km-header>
          <div class="km-content km-widget km-scroll-wrapper">
             <div class=km-scroll-header>
             <div class=km-scroll-container>
                <div class="km-listview-wrapper">
                    <form class="km-filter-form">
                       <div class="km-filter-wrap">
                          <input type=search >

我尝试过的

由于我的事件没有触发，我假设我的选择器是错误的。在执行“检查元素”后，我打开了 chrome 开发人员工具。工具的底部列出了用于该元素的所有父标签(没有类或 ID)。作为测试，我尝试使用以下方法隐藏搜索框:

 $("div").hide();   // hides everything...
 $("div div").hide(); // hides the wrong element on the page
 $("input").hide();  // nothing
 $(":input").hide();  // nothing... saw this example somewhere, don't understand it
 $("input:text").hide();  // nothing... saw this example (http://stackoverflow.com/q/17384218/328397), don't understand it

我看了这个W3 document , 但没有看到我要找的东西(除非我错过了)

如能提供正确选择器方面的任何帮助，我们将不胜感激。

最佳答案

在您链接的页面中，它是 defaultHomecontent 下的第二个 div，所以

$("#defaultHomeContent div:nth-child(2)")

关于javascript - 如何使用 jQuery 隐藏没有类或 ID 的元素...当父级也没有 ID 时？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23486270/