jQuery HTML元素選擇器

Question

我有這樣的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")
}

不適用於class = comments-ch ，但是如果我這樣編寫代碼，

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

工作。

綜上所述，“板尺”下的第一個div是確定的，但第二個/最后一個div也不行。

如何到達第二個/最后一個div元素？ 謝謝

Answer 1

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

例如，在：

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

從find("comments-ch")更改為find(".comments-ch")

Answer 2

設置CSS之后嘗試.show() ：

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