在表格结果中添加fadeIn / fadeOut
|
我有以下代码：
<script type=\"text/javascript\">
function filter(phrase, _id) {
var words = phrase.value.toLowerCase().split(\" \");
var table = document.getElementById(_id);
var ele;
for (var r = 1; r < table.rows.length; r++) {
ele = table.rows[r].innerHTML.replace(/<[^>]+>/g, \"\");
var displayStyle = \'none\';
for (var i = 0; i < words.length; i++) {
if (ele.toLowerCase().indexOf(words[i]) >= 0)
displayStyle=\'\';
else {
displayStyle=\'none\';
break;
}
}
table.rows[r].style.display = displayStyle;
}
}
</script>
<body><form>
<b>Search:</b>
<input name=\"filt\" onkeyup=\"filter(this, \'sf\', \'1\')\" type=\"text\">
</form>
<br>
<table id=\"sf\" width=\"100%\" border=\"0\" cellspacing=\"1\" cellpadding=\"2\">
<tr bgcolor=\"\">
<td align=\"MIDDLE\">
<font color=\"\"><b>First Name</b></font>
</td>
<td align=\"MIDDLE\">
<font color=\"\"><b>Last Name</b></font>
</td>
<td align=\"MIDDLE\">
<font color=\"\"><b>Location</b></font>
</td>
</tr>
<tr bgcolor=\"#FFFFFF\">
<td>
John
</td>
<td>
Smith
</td>
<td>
Sun
</td>
</tr>
<tr bgcolor=\"#EAECEF\">
<td>
James
</td>
<td>
Bond
</td>
<td>
Moon
</td>
</tr>
<tr bgcolor=\"#FFFFFF\">
<td>
Rob
</td>
<td>
Halford
</td>
<td>
Mars
</td>
</tr>
</table>
没有找到相关结果
已邀请:
2 个回复
脖呐
与，if displayStyle===\'\'{ $(\'#\'+_id+\' tr:eq(r-1)\').fadeIn(); } if displayStyle===\'none\'{ $(\'#\'+_id+\' tr:eq(r-1)\').fadeOut(); }镀建啼