Comment cacher certains éléments sur une page en utilisant jQuery

Question

J'essaye d'implémenter quelque chose qui ressemble à une recherche facettée. Mes données sont une série d'objets et de relations. L'idée est que vous cliquez sur un objet (dans ce cas "95 Thèses" puis les relations possibles sont affichées, dans ce cas "auteur" et en cliquant sur la relation montre l'objet qui correspond à la relation, dans ce cas "Martin Luther".

Mon cliquetis des objets et relationsips (prédicats) fonctionne très bien. Ce que je dois faire est de permettre aux utilisateurs de cliquer sur un objet ou d'une relation et ont tous ceux qui s'étendent depuis enlevé.

Voici ce que je pensais ajouter quand on clique sur un 'objet' ou une 'étiquette' de relation (chaque fois que j'ajoute un autre objet ou relation, j'augmente l'attribut global appelé 'niveau'):

if($(".objHolder,. preHolder").filter("[level>'"+level+"']").filter("[holderId='"+holderId+"']").length) 
{ 
    $(".objHolder,. preHolder").filter("[level>'"+level+"']").filter("[holderId='"+holderId+"']").remove(); 
} 

---

<table border="0" cellpadding="4" cellspacing="2"> 
    <tbody> 
    <tr> 
     <td class="objHolder" objid="1" holderid="1" level="1"> 
     <table border="0" cellpadding="4" cellspacing="2"> 
      <tbody> 
      <tr class="objItemRow" objid="1" holderid="1" level="1"> 
       <td class="objItem" objid="1" holderid="1" level="2" bgcolor="#eeeeee" nowrap="nowrap">95 Theses</td> 
      </tr> 
      </tbody> 
     </table> 
     </td> 
     <td><img src="images/right.jpg" alt="" height="10" width="16"></td> 
     <td class="preHolder" level="2" holderid="1"> 
     <table border="0" cellpadding="4" cellspacing="2"> 
      <tbody> 
      <tr> 
       <td class="preItem" level="3" subid="1" preid="1" holderid="1" bgcolor="#eeeeee" nowrap="nowrap">author</td> 
      </tr> 
      </tbody> 
     </table> 
     </td> 
     <td><img src="images/right.jpg" alt="" height="10" width="16"></td> 
     <td class="objHolder" level="3" holderid="1"> 
     <table border="0" cellpadding="4" cellspacing="2"> 
      <tbody> 
      <tr> 
       <td class="objItem" level="4" objid="3" holderid="1" bgcolor="#eeeeee" nowrap="nowrap">Martin Luther</td> 
      </tr> 
      </tbody> 
     </table> 
     </td> 
    </tr> 
    </tbody> 
</table> 

Answer 1

est-$(".objHolder,. preHolder") pour la sélection de deux classes différentes dans un tableau?

Si oui, essayez $(".objHolder").add(".preHolder") et de toute façon écrivez . et le nom de classe (preHolder) sans espace!