2014-08-28 142 views
0

我想添加一個類時被點擊任何在它之下的李前H3元素的同一水平,這裏是我的html:獲取元素的父

<div class="list"> 
    <div class="marketing"> 
    <h3><a href="#" class="sales"> List I</a></h3> 
     <div> 
      <ul> 
       <li><a href="#">item 1</a></li> 
       <li><a href="#">item 2</a></li> 
       <li><a href="#">item 3</a></li> 
      </ul> 
     </div> 
    </div> 
    <div class="operations"> 
    <h3><a href="#" class="wise"> List II</a></h3> 
     <div> 
      <ul> 
       <li><a href="#">item a</a></li> 
       <li><a href="#">item b</a></li> 
       <li><a href="#">item c</a></li> 
      </ul> 
     </div> 
    </div> 
</div> 

我試圖用遵循腳本但徒勞無功。

$('.list li').click(function() { 
     $(this)parent().prev('h3').addClass('active'); 
    ); 

或任

$('.list li').click(function() { 
     $(this).parent().parent().children('h3')addClass('active'); 
    ); 

任何想法?

回答

1

使用此

$('.list li').click(function() { 
     $(this).parent().parent().prev().addClass('active'); 
}); 

DEMO

3

使用:

$(this).closest('div').prev('h3').addClass('active'); 

$(this).closest('div').siblings('h3').addClass('active'); 
+1

這是完美的解決方案+1 – 2014-08-28 10:58:59