显示成功的所有结果 - 然后隐藏 X 数量答案

【问题标题】：Showing all results on success - then hide X amount显示成功的所有结果 - 然后隐藏 X 数量
【发布时间】：2009-12-17 16:48:29
【问题描述】：

我有这个页面：http://www.ryancoughlin.com/files/xml/ - 如果你选择用户 -> 某人的名字

您将看到一个表格填充。我试图只显示您选择的用户的结果。因为我实际上是在加载一个 XML 文件，所以我不能真正向它发送数据。所以我想，将它们全部加载，然后隐藏每个条目，但您从下拉列表中选择的条目除外。

有什么想法吗？

这是我用来隐藏的代码示例：第 145 行

single_user.find(name_select+":not()").each(function(){$(this).hide();});

变量name_select 是上一屏下拉菜单中OPTION 标记的值。

【问题讨论】：

当我选择用户时，它有用户、管理员或 CIO。我选择其中任何一个，但没有表格填充...
立即尝试。我在那里有 console.log 。

标签： jquery xml hide

【解决方案1】：

你应该扭转你的想法——默认隐藏行，然后显示你想要的。

在追加每个表格行时，添加名称值作为 id，并向具有 display:none 样式的 <tr> 元素添加一个类。这将防止所有行在加载然后隐藏时闪烁。

加载过程完成后，显示name_select值与id属性匹配的行......$("#" + name_select).show();

简单示例：

<html>
<head>
<script language="javascript" src="../code/jquery-latest.min.js"></script>
<style>
tr {
   display:none;
}
</style>
<script language="javascript">
$(document).ready(function() {
   $("#3").show();
});
</script>
</head>
<body>
<table>
   <tr id="1"><td>1</td></tr>
   <tr id="2"><td>2</td></tr>
   <tr id="3"><td>3</td></tr>
   <tr id="4"><td>4</td></tr>
</table>
</body>

【讨论】：