如何在jQuery中将classClass添加到所有面板

时间:2015-10-30 07:44:48

标签: jquery css

我想为所有主要面板添加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>

4 个答案:

答案 0 :(得分:2)

View.VISIBLE

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

  1. $("div").find("panel-primary").addClass('changeColorHeading'); 不是正确的选择器。 $("div").find("panel-primary")是无效的选择器。这是您的HTML中的类名,因此您必须找到panel-primary。所以代码将是:.panel-primary
  2. 再次$("div").find(".panel-primary").addClass('changeColorHeading')行会在DIV元素中搜索$("div").find(".panel-primary").addClass('changeColorHeading')类,但我不会看到你在该类之外有DIV。
  3. 如果您有.panel-primary类元素之外的DIV,则.panel-primary将有效。如果没有DIV,那么只需$("div").find(".panel-primary").addClass('changeColorHeading')

    希望你明白这一点。

答案 1 :(得分:1)

您不需要选择div。您可以直接选择.panel-primar

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

答案 2 :(得分:1)

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

第一个panel-primary不是有效的DOM,类,ID选择器。 其次,您的代码告诉您要查看具有类.panel-primary的子项的DIV。

您只需使用$('.panel-primary').addClass('changeColorHeading')

即可实现此目的

或者如果.panel-primary有父DIV那么您可以使用$("div").find(".panel-primary").addClass('changeColorHeading');

答案 3 :(得分:1)

只需选择pannel-primary class和

td