Javascript Jquery Html元素选择器

我有这样的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>

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

不为工作class=comments ch， 但如果我这样写代码

<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>

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

工作

总结，“面板页脚”下的第一个div正常，但第二个/最后一个div不正常

---

如何到达第二个/最后一个div元素？感谢使用类选择器时，请确保在前面指定句点

例如，在：

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

设置CSS后，从

find（“comments ch”）

更改为

find（.comments ch”）

尝试

.show（）

：

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

---

对我有用。你检查过浏览器的控制台有没有错误吗？它肯定能正常工作。也许HTML结构有问题

clas=

或其他一些打字错误？

是否有任何内容或样式来提供尺寸？如果是空的，它可以是

0px

高，允许脚本成功，但效果可能并不容易看到。是的，这个div还有一个

style=“display:none”

代码。如果它是

display:none

，则在设置css后需要

.show（）

它。或者滑下，或者fadeIn或者其他什么。