jquery - 如何更改div中的所有子元素

Question

我想用类 ms-rtestate-field 更改 div 中的所有元素因为它们是动态创建的。以上就是我的心得，希望大家多多指教。提前致谢

$(function() {
  $('.ms-rtestate-field').each(function() {
    $(this).find("*").css('background-color', 'blue');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div dir="" class="ms-rtestate-field">
  <div class="ExternalClass1">
    <div class="ExternalClass2">

      <div class="External3">
        <p>text</p>
        <p>text</p>
        <div style="font-size:12pt">text</div>
      </div>

    </div>
  </div>
</div>

Answer 1

您似乎需要的解决方案不是基于 jQuery 或 Javascript，它实际上是 CSS。

.blue-children * {
    background-color: blue;
}

现在在所有需要蓝色背景元素的 .ms-rtestate-field 上动态设置此 CSS 类。

在这里使用 CSS 甚至可以动态更改子项(例如添加或追加一些)，它们也会受到影响。