予期せぬ結果を返すjQuery addClass（）

Question

ここでは本当に困惑しています。私はホバー対象にaddClass('test')をやろうとしている...私のjQueryのは、次のようになります。

<li id="menu-events">

へ：

//#nav-main dropdown effects     
$('#nav-main ul li').hover(function() { 
    $('#nav-main ul li').addClass('test'); 
    $(this).find('.dropdown').stop(true,true).slideToggle('slow'); 
    $('#nav-main ul li').removeClass("test"); 
}); 

リターンが、しかし、これから行くHTMLですこの：

<li id="menu-events" class="">

任意のアイデアなぜですか？

Answer 1

。空の場合でもjQueryはclass属性を削除しません。ホバー用の他のコールバック関数が欠けているようです - あなたはロールアウト時にクラスを削除したいですか？ landonsからコードの

//#nav-main dropdown effects     
$('#nav-main ul li').hover(function() { // onRollOver 
    $('#nav-main ul li').addClass('test'); 
    $(this).find('.dropdown').stop(true,true).slideDown('slow'); 
}, function() { // onRollOut 
    $('#nav-main ul li').removeClass("test"); 
    $(this).find('.dropdown').stop(true,true).slideUp('slow'); 
}); 

Answer 2

よくクラスを追加してクラスを削除しています。何が起こると思いますか？ jqueryが空のクラス属性を削除することを期待していますか？

あなたは任意の空のクラス属性を削除するには、次を実行することができます：あなたが追加することと同じ機能でクラスを削除している

$('*[class=""]').removeAttr('class');

Answer 3

ビル、あなたはthisを使用して、よりそれを簡素化し、何度も何度も同じセレクタを実行しないようすることができます：あなたがより多くのこのような何かをしたいようだ

//#nav-main dropdown effects     
$('#nav-main ul li').hover(function() { // onRollOver 
    $(this).addClass('test').find('.dropdown').stop(true,true).slideDown('slow'); 
}, function() { // onRollOut 
    $(this).removeClass("test").find('.dropdown').stop(true,true).slideUp('slow'); 
});