クリックするとサブメニューが表示されます。

Question

親アイテムにコンパスが取り付けられているアイテムをクリックすると、そのアイテムが回転します。これは、親自体で使用されているときはうまく動作しますが、一部の項目にはサブメニューがあります。

だから私はこれをこのように解決しようとしています。

$('#menu-main-menu li.submenu li').click(function(event) { 
    event.preventDefault() 
    $('#menu-main-menu li a').addClass('disabled'); 
    $(this).closest('.menu-item-has-children a .compass').addClass('rotate-compass'); 

    link_href = this.href; 

    setTimeout(function() {    
     $('body').fadeOut(1000, function() { 
      window.location.href = link_href; 
     }); 
    },500); 

}); 

私が親リスト項目のdivに回転を追加しようとする回転部分です。私は親と一緒に試しましたが、運がないので、2番目の考えはそれを目標にするのに最も近い機能を使用することでしたが、もう一度幸運はありません。私はここで間違って何をしていますか？私はプリントアウト持っていけないので、私は、HTMLの構造を追加-edit-

単にそのWPによって生成され、そのトリッキーなので。

Answer 1

リンクと.compassは、.menu-item-has-childrenの子であると仮定します。あなたは次の操作を実行する必要があります：

$(this).closest('.menu-item-has-children').find('a .compass').addClass('rotate-compass'); 

基本的には祖先を見つけて、それが別のクエリとして子孫だ見つけるためにドリルダウンする必要があります。