向孩子添加班級

Question

當我做 $('ul.latestnews ul li').parent().prev().text());我找回了目標li的內容。 （在這個例子中是word1或word2）。

但是當我做

$('ul.latestnews ul li').addClass($(this).parent().prev().text()); 

它不添加類。當我在最後一個語句上做一個console.log時，它只是返回所有我想要添加類的li。

我所試圖做的是這樣的：

<ul class="latestnews"> 
    <li>word1</li> 
    <ul> 
     <li>my class should become word1</li> 
     <li>my class should become word1</li> 
    </ul> 
    <li>word2</li> 
    <ul> 
     <li>my class must become word2</li> 
    </ul>   
</ul> 

哪兒我去錯了嗎？

Answer 1

this只是裏面一個jQuery功能的DOM元素，像each：

$('ul.latestnews ul li').each(function(){ 
    $(this).addClass($(this).parent().prev().text()); 
}); 

Live DEMO this在你的代碼可能是Window對象...

注意，這些種類的DOM遍歷prev,parent如果稍微改變了DOM結構，就可以非常容易地中斷，您可能想要使用基於元素類的其他選擇器。

Answer 2

我想的HTML代碼是不完全正確，因爲它應該是這樣的：

<ul class="latestnews"> 
    <li>word1</li> 
    <li> 
     <ul> 
      <li>my class should become word1</li> 
      <li>my class should become word1</li> 
     </ul> 
    </li> 
    <li>word2</li> 
    <li> 
     <ul> 
      <li>my class must become word2</li> 
     </ul> 
    </li>   
</ul> 

則：

$("ul.latestnews ul > li").each(function(){ 
    var $this=$(this); 
    var className = $this.parents("li").first().prev().text(); 
    $this.addClass(className); 
});