JQuery：変更された要素にアクセスできない

Question

マウスが去ったときに.closeクラスを要素に追加してから、このクラスを削除したいと考えています。

$("#nav > li").mouseleave(function(){ 
    alert($(this).children(".subs").length); // value 1 
    $(this).children(".subs").addClass("close"); 
    setTimeout(function() { 
     alert($(this).children(".subs").length) 
    }, 500); // value 0 
}); 

クラスを追加した後で、要素にアクセスできません。この仕事をするにはどうすればいいですか？アクション前

HTML：アクションの後

<div class="subs" id="service-subs" aria-haspopup="false"> 
    stuff 
</div> 

HTML：

<div class="subs close" id="service-subs" aria-haspopup="false"> 
    stuff 
</div> 

Answer 1

this変数はイベント火災やthis変数が値をしていないときに呼び出さsetTimeout関数の後に空になっているためそれはあります。値thisを別の変数に格納することができます。私はちょうどそのよう矢印の機能を使用するこの種の状況で

$("#nav > li").mouseleave(function(){ 
    var $this = $(this); 
    alert($this.children(".subs").length); 
    $this.children(".subs").addClass("close"); 
    setTimeout(function() { 
     alert($this.children(".subs").length) 
    }, 500); 
}); 

Answer 2

：

setTimeout(()=>{ 
    //$(this) would work here as you intended 
}, 500); 

矢印機能（()=>{}）デフォルトでthis設定されていません。だから、thisが見つかるまで上がるだろう。
IMHO;これは、ES6以降のコールバックを実行するための推奨方法です。