0

谁能告诉我如何使用 JQuery 使下面包含“G”的 Div 具有绿色背景色。我使用 Drupal 为父 div 提供了一个 bsc-data 的类名和一个 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>
4

4 回答 4

4

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

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

的文档.css()。

于 2013-10-18T11:32:39.637 回答
1 
$('#t-impact div').css('background-color',"green")

会变魔术......

于 2013-10-18T11:33:14.523 回答
0

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

于 2013-10-18T11:32:47.187 回答
0 
$("#t-impact > div.pane-content").css("background-color", "green");

您可以看到有关 css 选择器的信息。">" 表示直接在父级之下。因此，即使您有另一个 div.pane-content 作为 div.pane-content 的子项，它也可以直接选择 #t-impact 下的 div.pane-content。

于 2013-10-18T11:33:54.393 回答