javascript - 我想隐藏特定单元格的表格行

标签 javascript jquery html for-loop

我创建了一个脚本,用于隐藏包含特定单词的行,在我的例子中,该单词是“事件的”。现在的问题是脚本只隐藏第一行然后停止执行。所以基本上它可以工作,但是隐藏第一行后,它停止执行。

欢迎任何建议

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
   <table id="myTable">
     <tr id="my">
            <td>1</td>
            <td>11</td>
            <td >active</td>
        </tr>
     <tr  id="my">
            <td>2</td>
            <td>22</td>
            <td>active</td>
        </tr>
        <tr  id="my">
            <td>4</td>
            <td>44</td>
            <td>inactive</td>
        </tr>
        <tr  id="my">
            <td>5</td>
            <td>55</td>
            <td>inactive</td>
        </tr><tr  id="my">
            <td>6</td>
            <td>66</td>
            <td>active</td>
        </tr>
        <tr  id="my">
            <td>7</td>
            <td>77</td>
            <td>inactive</td>
        </tr>
    </table>
<script>
var oTable = document.getElementById('myTable');
var row = "active";
var count=0;
var rowLength = oTable.rows.length;
//document.writeln("no fo row in table"+rowLength); 
    for (var i = 0; i < rowLength; i++)
    {
        var oCells = oTable.rows.item(i).cells;
         var cellLength = oCells.length;
         //document.writeln(count);
         count=count+1;    
         for(var j = 0; j < cellLength; j++)
            {
                var cellVal = oCells.item(j).innerHTML;     
            //  document.writeln("table values"+cellVal);
                 if(cellVal==row)
                     {
                                document.getElementById('my').style.display = 'none'; 
                                document.writeln("table values"+count+"<br/>");                             
                     }  
                else
                    {

                    }
                }
    }
</script>

最佳答案

$('#myTable tr').each(function() {
    var st = $(this).find("td:last").html();    
    if(st!='active'){
    $(this).hide();
    }
});

关于javascript - 我想隐藏特定单元格的表格行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22983111/

相关文章:

javascript - 安卓 WebView : How to change JavaScript alert title text in android webview?

javascript - 使用 `el.value =...` 设置值时,过滤器文本框不进行过滤

javascript - 实现 .js 文件后,不再能够填写文本字段

javascript - 将键收集到数组 JavaScript 中的最佳方法?

javascript - 使用什么来代替 Angular 范围函数?

javascript - 将代表 jQuery 选择器的变量替换为这些选择器

javascript - 限制在AngularJS中输入的数字长度

html - 用静态 HTML 网站替换 Tomcat 服务器上的网站

c# - 如何从 C# 中的代码构建 HTML

javascript - 如何从 .t​​s 文件中读取 .js 文件中的常量