Javascript jQuery选择器不在表上工作

我想访问表上的每个td，但它不返回任何内容。我尝试使用jquery的每个函数如下：

$('div.daterangepicker > div.calendar-table > table.table-condensed > tr').each(function(index, element){ 
console.log(index); 
});

还是这个

$('table.table-condensed > tbody > tr').each(function(index, element){
 console.log(element);
});

下面是我想使用jquery选择器的html元素

<div class="daterangepicker dropdown-menu ltr single opensleft show-calendar">
      <div class="calendar left single">
        <div class="daterangepicker_input">
          <div class="calendar-table">
            <table class="table-condensed">
             <tbody>
               <tr>
                 <td class="weekend off available" data-title="r0c0">24</td>
                 <td class="off available" data-title="r0c1">25</td>
                 <td class="off available" data-title="r0c2">26</td>
                 <td class="off available" data-title="r0c3">27</td>
                 <td class="off available" data-title="r0c4">28</td><td class="off available" data-title="r0c5">29</td>
                 <td class="weekend off available" data-title="r0c6">30</td>
              </tr>
              <tr>
                 <td class="weekend available" data-title="r1c0">1</td>
                 <td class="available" data-title="r1c1">2</td>
                 <td class="available" data-title="r1c2">3</td>
                 <td class="available" data-title="r1c3">4</td>
                 <td class="available" data-title="r1c4">5</td>
                 <td class="available" data-title="r1c5">6</td>
                 <td class="weekend available" data-title="r1c6">7</td>
              </tr>
           </tbody>
          </table>
        </div>
      </div>
    </div>
    </div>

24
25
26
27
2829
30
1.
2.
3.
4.
5.
6.
7.

我用实际代码制作了一个代码笔：。

---

我不知道为什么一些似乎有效的答案与我的代码不起作用。

选择器部分：

table.table-condensed > tr

表示“获取作为我的表的直接子级的表行”-但实际上它们又向下一级

table.table-condensed > tbody > tr

如果你不太在意它到底是什么样子，你可以找到所有的后代：

table.table-condensed tr

---

选择器的一部分：

table.table-condensed > tr

表示“获取作为我的表的直接子级的表行”-但实际上它们又向下一级

table.table-condensed > tbody > tr

如果你不太在意它到底是什么样子，你可以找到所有的后代：

table.table-condensed tr

使用

（class>childClass）

意味着子级必须是直系后代（）。所以你不能跳过关卡。试着用其中一个

或

使用

（class>childClass）

意味着子对象必须是直系后代（）。所以你不能跳过关卡。试着用其中一个

或

---

您不必使用子选择器选择

td

元素

table.table c-condensed td

将从所有

table

元素中选择

td

元素，这些元素具有

table condensed

类。这应该足够了

您可以通过在前面添加

daterangepicker

使其更加具体：

$（'.daterangepicker table.table-condensed td'）

$（'.daterangepicker table.table-condensed td'）。每个（函数（索引，元素）{
控制台日志（元素）；
});

24
25
26
27
2829
30
1.
2.
3.
4.
5.
6.
7.
您不必使用子选择器选择
td
元素
table.table c-condensed td
将从所有
table
元素中选择
td
元素，这些元素具有
table condensed
类。这应该足够了

您可以通过在前面添加
daterangepicker
使其更加具体：
$（'.daterangepicker table.table-condensed td'）


$（'.daterangepicker table.table-condensed td'）。每个（函数（索引，元素）{
控制台日志（元素）；
});

24
25
26
27
2829
30
1.
2.
3.
4.
5.
6.
7.
您需要为
tr
循环每个
td
。第一个
。每个
将迭代每个
tr
。再次循环每个
tr
以获得
td


$（'table.table-condensed tr'）。每个（函数（索引，元素）{
$（元素）。每个（功能）（el、em）{
console.log（$（em.text（））
})
});
或此$（'table.table-condensed>tbody>tr'）。每个（函数（索引，元素）{
控制台日志（元素）；
}
);
下面是我想使用jquery选择器的html元素

24
25
26
27
28
29
30
1.
2.
3.
4.
5.
6.
7.
您需要为
tr
循环每个
td
。第一个
。每个
将迭代每个
tr
。再次循环每个
tr
以获得
td


$（'table.table-condensed tr'）。每个（函数（索引，元素）{
$（元素）。每个（功能）（el、em）{
console.log（$（em.text（））
})
});
或此$（'table.table-condensed>tbody>tr'）。每个（函数（索引，元素）{
控制台日志（元素）；
}
);
下面是我想使用jquery选择器的html元素

24
25
26
27
28
29
30
1.
2.
3.
4.
5.
6.
7.
实际的Jquery脚本将是：


$（'.table condensed tr'）。每个（函数（索引，元素）{
$（元素）。查找（'td'）。每个（函数（即，e）{
log（e.innerHTML）；
});
console.log（'\n'）；
});

24
25
26
27
2829
30
1.
2.
3.
4.
5.
6.
7.