我创建了一个脚本,用于隐藏包含特定单词的行,在我的例子中,该单词是“事件的”。现在的问题是脚本只隐藏第一行然后停止执行。所以基本上它可以工作,但是隐藏第一行后,它停止执行。
欢迎任何建议
<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/