/ / Afficher tous les résultats en cas de succès - puis masquer le montant X - jquery, xml, masquer

Afficher tous les résultats en cas de succès - puis masquer le montant X - jquery, xml, masquer

J'ai cette page:http://www.ryancoughlin.com/files/xml/ - si vous sélectionnez Utilisateur -> Nom de quelqu'un

Vous verrez une table peupler. J'essaie de ne montrer que JUSTE les résultats de l'utilisateur que vous avez sélectionné. Comme je charge en fait un fichier XML, je ne peux pas vraiment lui envoyer de données. J'ai donc pensé: chargez-les tous, puis masquez CHAQUE entrée, à l'exception de celle que vous avez sélectionnée dans le menu déroulant.

Des idées?

Voici un exemple de code que j'utilise pour masquer: ligne 145

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

La variable name_select est la valeur de la balise OPTION du menu déroulant de l'écran précédent.

Réponses:

1 pour la réponse № 1

Vous devriez inverser votre pensée - masquer les lignes par défaut, puis afficher celle que vous voulez.

Au fur et à mesure que vous ajoutez chaque ligne de la table, ajoutez la valeur Name en tant qu’id et ajoutez une classe à la classe. <tr> élément qui a un display:none style. Cela empêchera toutes les lignes de clignoter car elles sont chargées puis cachées.

Une fois le processus de chargement terminé, affichez la ligne où la valeur name_select correspond à l'attribut id .... $("#" + name_select).show();

Exemple simple:

<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>