が、私はこのコードでエラーを得たクラス名のツリービュー

Question

を持つ要素にクラスを追加

$(this + '.treeview').addClass('active'); 

エラーが

Uncaught Error: Syntax error, unrecognized expression: [object HTMLLIElement].treeview

がどのように修正するのですか？

Answer 1

オブジェクトと文字列を連結しています。クラスに一致する子どもたちを選択するために

$(this) 

、その後apiを使用します：何がやりたいことはthisに代表されるDOMノードの子を見つけている場合は、まずjQueryインスタンスを作成する必要があります

$(this).find('.treeview')... 

それとも、使用することができます：あなたはすべての子孫を探しているなら

$(this).children('.treeview')... 

しかし、あなたは.find()使用したいです速記形式：

$('.treeview', this)... 

Answer 2

私は最終的に「上記の文脈での完全なコード

$('.dinz-submenu').click(function (e) { 
    e.stopPropagation(); 
}); 

$('.sidebar-menu li').click(function (e) { 
    if ($(this).hasClass('treeview')) { 
     $('.sidebar-menu li ').removeClass('active'); 
     $('.treeview-menu').slideUp(); 

     if(!$(this).find('.treeview-menu').is(':visible')){ 
      $(this).children('.treeview-menu').slideDown(); 
     } 
     $(this).addClass('active'); 

     return false; 
    } else { 
     if ($(this).hasClass('dinz-submenu')) { 
      $('.treeview-menu li ').removeClass('active'); 
     } else { 
      $('.treeview-menu').slideUp(); 
      $('.sidebar-menu li ').removeClass('active'); 
     } 
    } 
});