找到0值的td

Question

我的html页面中有一个这样的表格

<table id="mytable">
  <tr id="classified">
    <td>1</td>
  </tr>
  <tr id="unclassified">
    <td>0</td>
  </tr>    
</table>

所以,在document.ready我想检查哪个列有0值,如果值是o然后隐藏该行,

我写了这段代码,但似乎没有用

$(document).ready(function IsValidTableContent() {
    $('#mytable tr td').each(function () {
        if ($(this).val() == 0) {
            $(this).hide();
        } else {
            $(this).show();
        }
    });
});

Answer 1

你可以找到td有:contains():

$("#mytable td:contains(0)");

小提琴:http://jsfiddle.net/UCgSL/

警告:

如果您有其他单元格包含0,但不完全等于0,则:contains也包括匹配中的单元格.这意味着100或者1,000也可能出现,因为那些也包含 0.如果您只想要那些值为0,而不是其他的,您应该考虑使用过滤器:

$("#mytable td").filter(function(){
  return $(this).text() == 0;   
});

小提琴:http://jsfiddle.net/UCgSL/1/

自定义过滤器选择器

如果使用.filter过于冗长,您可以滚动自己的过滤器选择器:

$.expr[":"].exactly = function( e, i, m ) {
    return $(e).text() == m[3];
};

$("#mytable td:exactly(0)");?

小提琴:http://jsfiddle.net/UCgSL/2/