使用JQuery基于内部样式隐藏tr

Question

根据我的tr隐藏我的inner style。它只有内在的风格。

这里我只想隐藏一个tr。它只有25px。

<tr style="height: 40px;">
   <th></th>
</tr>
<tr style="height: 45px;">
     <th></th>
</tr>
<tr style="height: 25px;">
     <th class="k-scheduler-times-all-day">all day</th>
</tr>

我在这里有点困惑。如何隐藏我的tr？它没有id和class。

Answer 1

试试这个：

tr[style="height: 25px;"] {   
  display: none;  
}

并且避免将jQuery用于CSS可以做的事情。

Answer 2

$('#Mytable tr').each(function(){    //loop through all the tr in table
  if($(this).css('height') == '25px')  //get a specific tr which satisfy condition
    $(this).hide();  //hide the row
});

DEMO

Answer 3

这将隐藏高度为25像素的所有表格行：

$('tr').filter(function(index) {
    return $(this).height() == 25;
}).hide();