Question

任何人都可以告诉我如何让使用JQuery的包含“G”的Div具有绿色背景颜色。我已经使用Drupal提供了bsc-data的类名和对父div的t-impact的id。

页面上还有其他div也有窗格内容类，但是他们的父div将有不同的id。

<div class="panel-pane pane-token pane-node-field-impact-to-customer bsc-data" id="t-impact">

  <h2 class="pane-title"> </h2>
  <div class="pane-content">G</div>

</div>

Answer 1

这将设置div的背景，该div是#t-impact的直接子项，并且具有pane-content类。

$('#t-impact > div.pane-content').css('background-color', 'green');

.css()的文档。

Answer 2

$('#t-impact div').css('background-color',"green")

会做魔术......

Answer 3

你可以使用jQuery("#t-impact div).css({background-color:"#00ff00"}); 这会将绿色背景应用于子div

Answer 4

$("#t-impact > div.pane-content").css("background-color", "green");

您可以看到有关css选择器的信息。 “＆gt;” 中指直接在父母之下。所以它可以直接在#t-impact下选择div.pane-content，即使你有另一个div.pane-content作为div.pane-content的子代。

JQuery - 如何为父div具有ID的div添加背景颜色

4 个答案: