最優雅的方式來實現一些元素？

Question

我的onclick寫功能a元素的

<div class="left_collapsed">Որոնում</div> 
     <div class="container" style="display: none;"> 
      <ul> 
       <li> 
       <a href="" id="search_refresh" >Թարմացնել համակարգը</a> 
       </li> 
      </ul> 
     </div> 
    </div> 

$("#search_refresh").click(function(u) 
{ 
    how can i achieve to first div element here? 
    (i have many div's with left_collapsed class) 

}); 

我寫 $(this).parent("li").parent("ul").parent("div").before("div").addClass("left_expended");

，但我不喜歡:)

感謝很多

Answer 1

您可以使用.closest()

$(this).closest('.left_collapsed'); 

或.parents()

$(this).parents('.left_collapsed'); 

其實，.closest()是一個更好的選擇，因爲它只會搶父節點直到到達所需的一個，其中.parents() grabs 全部父節點（直到文檔根目錄）。

參考：.parents()，.closest()

Answer 2

嘗試jQuery.parents，這樣的事情：

$("#search_refresh").click(function() 
{ 
    var element = $(this).parents(".left_collapsed"); 
}); 

更新：jAndy的回答比較好，您應該使用closest來替代，特別是如果left_collapsed div嵌套使得#search_refresh在多個left_collapsed div內。

Answer 3

$(this).parents('.left_collapsed');