jquery - 找到值为 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

您可以使用 :contains() 找到该 td :

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

fiddle :http://jsfiddle.net/UCgSL/

警告:

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

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

fiddle :http://jsfiddle.net/UCgSL/1/

自定义过滤器选择器

如果使用 .filter 太冗长，您可以推出自己的过滤器选择器:

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

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

fiddle :http://jsfiddle.net/UCgSL/2/