jquery - 如何将 jQuery 中的 Class 添加到所有面板

Question

我想向所有主面板添加 CSS 类。我怎样才能做到这一点？这不起作用:

$("div").find("panel-primary").addClass('changeColorHeading');

html:

<div class="panel panel-primary fixed-panel" >
            <div class="panel-heading">Strecke</div>
            <div class="panel-body">
                Hello I am a text
            </div>
        </div>

Answer 1

$("div").find("panel-primary").addClass('changeColorHeading');

这不起作用，因为有两个原因:

1. $("div").find("panel-primary") 不是正确的选择器。 panel-primary 是无效选择器。这是 HTML 中的类名，因此您必须找到 .panel-primary。所以代码将是:$("div").find(".panel-primary").addClass('changeColorHeading')。
2. 再次 $("div").find(".panel-primary").addClass('changeColorHeading') 行将在内部搜索 .panel-primary 类一个 DIV 元素，我没有看到你在该类之外有一个 DIV。

如果您在 .panel-primary 类元素之外有一个 DIV，则 $("div").find(".panel-primary").addClass('changeColorHeading') 会起作用。如果不存在 DIV，则只需执行 $(".panel-primary").addClass('changeColorHeading')。

希望你明白了。