jQueryのホバー私が持っているどのような2つの異なるdiv要素の

Question

に2クラスを追加し、以下の通りである：

（私は "ホルダー" は、同じページに2,3回以上DIV持っている）

<div class="holder"> 

    <div class="one">one something </div> 
    <div class="two">two something</div> 
    <ul class="ulclass"> 
     <li></li> 
     <li></li> 
     <li></li> 
    <ul> 
</div> 

<div class="holder"> 

    <div class="one">one something </div> 
    <div class="two">two something</div> 
    <ul class="ulclass"> 
     <li></li> 
     <li></li> 
     <li></li> 
    <ul> 
</div> 

... 。これは私がそれを置くと.holderするクラスを追加

$(".holder").hover(function() 
{ 

$(this).addClass("addedClass"); 

}, function() { 

$(this).removeClass("addedClass"); 

}); 

：

その後、私はこのように書き、そのいくつかのjQueryを持っています。私は必要なもの はli要素

<div class="holder addedClass"> 
    <div class="one">one something </div> 
    <div class="two">two something</div> 
    <ul class="ulclass"> 
     <li class="liaddclas"></li> 
    <ul> 
</div> 

I tried with 
$(".holder").hover(function(){ 
     $(this).addClass("addedClass"); 
     $(this "li").addClass("liaddclas"); 
     }, function() { 
     $(this).removeClass("addedClass"); 
     $(this "li").removeClass("liaddclas"); 
    }); 

に別のクラスのliaddclas」を追加しますが、これ、私は.holderに置くと、私はページ上の持っているすべての.holderダイブへのクラスliaddclassを追加し、私に.holderかけたときにホバーにあります一度に1つのdivに追加したい場合... THx

Answer 1

これを行う方法はいくつかあります。現在、あなたがこれを行うことができDIV推移内

$(this).find('li').addClass("liaddclas"); 

Answer 2

はただのli要素を選択するには：ここでは一つです

$(".holder").hover(function(){ 
    $(this).addClass("addedClass"); 
    $("li",this).addClass("liaddclas"); 
}, function() { 
    $(this).removeClass("addedClass"); 
    $("li",this).removeClass("liaddclas"); 
}); 

これはそれを行うには多くの方法の一つですが、構文$("li",this)選択すべてのli要素はthisのコンテキスト内にあります。

構文が$(this "li")の場合、JavaScriptが無効です。