JQuery cacher le plus proche avec le nom de classe ne fonctionne pas

Question

J'essaie de sélectionner un parent (avec un nom de classe spécifique) d'un élément contenant un certain attribut.

Voici comment le fichier HTML ressemble

<li class="parentClass..."> 
    <div class="..."> 
    <div class="..."> 
     <div class="..."> 
     <h3 class="..."> 
      <a title="..."> 
     <div class="..."> 
      <a href="/user/userName"...></a> 

Voici mon JQuery (dans un fichier JS)

$("a[href~='/user/userName']").closest("li[class^='parentClass']").hide() 

Alors, quand je lance ce ne se passe rien. Si je console.log() la requête il imprime un

[pevObject: r.fn.init(0)]

Cependant, si je lance la commande de la console dans Chrome je reçois une erreur:

Uncaught TypeError: $(...).closest(...).hide is not a function

Pour vous sauver un certain temps, oui quand je supprime la fonction hide() exécutez-le à partir de la console, il imprime un élément (que je peux cacher manuellement en utilisant le chrome)

EDIT: miss fixe correspond citations

Answer 1

$('button').click(function(){ 
 
    $("a[href~='/user/userName']").closest(".parentClass").toggle() 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<li class="parentClass"> 
 
    <div class="..."> 
 
    <div class="..."> 
 
     <div class="..."> 
 
     <h3 class="..."> 
 
      <a title="..."> 
 
     <div class="..."> 
 
      <a href="/user/userName">link</a> 
 
     </div> 
 
     </a> 
 
     </h3> 
 
     </div> 
 
     </div> 
 
     </div> 
 
     </li> 
 
<button>Toggle</button>