JQuery hide classnameに最も近いものがありません

Question

特定の属性を含む要素の親（特定のクラス名を持つ）を選択しようとしています。ここで

は、HTMLファイルはここ（JSファイルに）私のjQueryの

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

どのように見えるかだ

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

私はこれを実行するときに何も起こりません。 私は（）をCONSOLE.LOGた場合、私はクローム にコンソールからコマンドを実行した場合、それは

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

を出力クエリはしかし、私はエラーを取得する：

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

へあなたが時間を節約します。はい、hide（）関数をコンソールから実行すると、それは要素を出力します（私は手動でクロムを使って非表示にすることができます）。

EDIT：固定ミスが@RoryMcCrossan引用符に

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>