Javascript 选择嵌套的DOM元素

我试图用

jQuery

选择嵌套的

HTML

元素

<div id="myTabContent" class="tab-content">
  <div role="tabpanel" class="tab-pane fade in active" id="home">
    <div class="events_box">
      <div class="event_left">
        <div class="event_left-item">
          <div class="icon_2">
            <i class="fa fa-clock-o" id="programHoursId0"></i>
          </div>
          <div class="icon_2">
            <i class="fa fa-location-arrow" id="programLocationId0"></i>
          </div>

以及：

以及：

还有更多

---

目标是隐藏这些图标。

请尝试此

$（'.fa'）.hide（）

由于

fa

和

fa-clock-o

是同一元素上的类，因此在选择器或jQuery（或任何类似

querySelector

的选项）中，它们之间不能有空格，否则会认为一个是另一个的后代。试试这个：

$('.fa.fa-clock-o')
//   ^^^

div.fa-clock-o

：查找

fa-clock-o

（标记）类型的

div

的任何子代，该子代具有类

fa

=>未选择，因为没有标记

fa-clock-o

div.fa.fa-clock-o

：查找具有类

fa-clock-o

的任何元素，这些元素是具有类

fa

=>的

div

的后代，它们将匹配您想要的内容

---

.fa.fa-clock-o

：查找类

fa

和

fa-clock-o

=>也与您想要的匹配的元素

您的选择器中缺少一个点

.fa-clock-o

$（'.fa-clock-o'）。hide（）

哇tnx以获得快速响应@fa隐藏了所有以fa开头的元素。很好的猜测。我将接受@ibrahim mahrir提供的答案，因为他对足总的看法是正确的，足总时钟是分开的。选择器是$（'.fa-clock-o'）。嗨@NDym，这不是猜测，在你的回答中你提到，

我必须选择类fa-clock-o和fa-fa位置箭头。

而

的目标是隐藏那些FontAwesome图标

，以便类选择器选择所有这些FontAwesome图标。应该是

$（'I.fa.fa-clock-o'））

或

$（'div.fa.fa-clock-o'）

。

div

元素是父元素。

i

元素上有“fa”类。@talemyn是的，你发表评论时我正在编辑！在你编辑代码的问题和缩进之后，我注意到我犯了那个错误！

 $('.event_left .event_left-item .icon_2 .fa fa-clock-o').css('visibility', 'hidden');

 $('div.fa fa-clock-o').css('visibility', 'hidden');

$('.fa.fa-clock-o')
//   ^^^