jQuery的HTML元素選擇

我有一個HTML這樣的代碼，jQuery的HTML元素選擇

<div class="panel-footer"> 
    <div class="post-activity"> 
     <i class="loading-icon"></i> 
     <button onclick="ChangeColor(this);">Change Color</button> 
    </div> 
    <div class="comments-ch"></div> 
</div>

當我寫這篇文章的jQuery代碼

function ChangeColor(element) 
{ 
    $(element).closest(".panel-footer").find(".comments-ch").css("background-color","#CC0000") 
}

不工作的類=評論-CH，但如果我這樣寫這樣的代碼，

function ChangeColor(element) 
    { 
     $(element).closest(".panel-footer").find(".post-activity").css("background-color","#CC0000") 
    }

工作。

總結，第一DIV的「板尺」下就OK了，但第二/最後格也不行。

我怎樣才能達到第二個/最後div元素？謝謝

來源

2014-08-31 aynakolik

對我的作品http://jsfiddle.net/j08691/wwxw2wok /。你檢查過瀏覽器的控制檯是否有錯誤？ – j08691 2014-08-31 19:00:27

它應該肯定會工作。也許HTML結構有什麼錯誤？ 'clas ='或其他一些錯字？ – iabw 2014-08-31 19:04:41

'是否有任何內容或樣式來給它尺寸？它是空的，它可以是'0px'高，允許腳本成功，但效果可能不容易看到。 – 2014-08-31 19:05:02

設置CSS後嘗試.show()：

來源

2014-08-31 19:19:18

當使用類選擇器時，請確保在前面指定一個句點。

例如，在：

$(element).closest(".panel-footer").find("comments-ch").css("background-color","#CC0000")

變化從find("comments-ch")到find(".comments-ch")

來源

2014-08-31 18:58:40

改變並試過，不是工作:( – aynakolik 2014-08-31 18:59:55

jQuery的HTML元素選擇

回答

相關問題