javascript - jQuery 选择器不适用于表

Question

我想访问表上的每个 td，但它什么也没返回。我尝试使用 jquery every 函数，如下所示:

$('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>

我用实际代码制作了一个codepen:CodePen 。 我不知道为什么一些似乎有效的答案不适用于我的代码。

Answer 1

选择器部分:

table.table-condensed > tr

说“获取我表的直接子代的表行” - 但它们实际上又低了一层......

table.table-condensed > tbody > tr

如果你不太关心它是否确实如此，你可以找到所有后代:

table.table-condensed tr