javascript - .show 方法在 jQuery 条件中不起作用，而 console.log 显示对象存在

Question

涉及的HTML是:

 <tbody>
  <tr>
    <td style="vertical-align: top">
     <div style="float:left;margin-left:5px;">

      <!-- for nested order-table -->
      <table class="order-table changeLogs" style="width: 472px;">
        <thead>
          <tr>
            <th>Time</th>
            <th>User</th>
            <th>Field</th>
            <th>Original Value</th>
            <th>Changed To</th>
          </tr>
        </thead>

        <tbody>

          [% FOREACH changeLog IN PO.changeLogs %]
          <tr id="change_order_entries">      
            <td>[%date.format(changeLog.ts, '%m/%d/%y   %l:%M %p')%]</td>
            <td>[%changeLog.nameFirst%] [%changeLog.nameLast%]</td>
            <td>[%changeLog.field%]</td>
            <td>[%changeLog.oldValue%]</td>
            <td>[%changeLog.newValue%]</td>
          </tr>
          [% END %]

        </tbody>

关联函数包含此条件:

function showMoreChangeLogs() {

      var revealed = 0;

   $('.order-table tbody tr').each(function() {    

       if ( revealed < 10) {
              $('.order-table tr:lt(11)').show();  
               //console.log($(this));
              revealed++;
        }
        console.log(revealed);
   });
}

$('.order-table tr:lt(11)').show(); 不显示任何内容，而 console.log 显示表中存在对象。已经盯着这个问题很长时间了，尝试各种方法来显示在发布这个问题之前已经存在的表数据。

Answer 1

$('.order-table tr:lt(11)').show(); 

更改为

$('.order-table tbody tr:lt(11)').show();