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()
}

Jquery Html元素选择器

2 个答案: