使用jQuery查找父html元素並添加CSS類就可以了

Question

如果我有這樣的代碼在我的視圖頁面

<li> 
    <a class="selected" href="/">Some link</a> 
</li> 

我如何使用jQuery來找到這個元素（選擇類），並追加到它的李父元素一些CSS類，結果應該是這樣的

<li class="some-class"> 
     <a class="selected" href="/">Some link</a> 
    </li> 

Answer 1

使用：

$('.selected').parent().addClass('some-class') 

或

$('.selected').closest('li').addClass('some-class') 

Answer 2

https://api.jquery.com/parent/

$(".selected").parent().addClass("some-class") 

Answer 3

您可以使用.parent()

$('.selected').parent().addClass('some-class') 

或.closest()

$('.selected').closest('li').addClass('some-class') 

Answer 4

使用jQuery你可以使用父福nction：https://api.jquery.com/parent/

Answer 5

您可以通過jquery的父API文檔獲取父：

https://api.jquery.com/parent/

嘗試這樣的：

$(".selected").parent().addClass("some-class"); 

或

$(".selected").parent("li").addClass("some-class"); 

演示：http://jsfiddle.net/qsDn5/50/