Question

我想用类ms-rtestate-field更改div中的所有元素因为他们是创造性的。这是我迄今为止所取得的成就，希望你能给我任何指示。提前致谢

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 1

您需要选择div.ms-rtestate-field

中的所有div

$('.ms-rtestate-field > div').css('background-color','blue');

Answer 2

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

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

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

在这里使用CSS可以让你动态地改变孩子（例如添加或附加一些），他们也会受到影响。

Answer 3

试试这个：

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

Answer 4

您可以尝试以下js代码：

$(".ms-rtestate-field").each(function() {
    $(this).find("*").css("border", "1px solid blue");//perform whatever you want.
});

如果您想在加载动态内容后应用此js，请创建相同代码的函数并调用该函数。

function dynamicContent()
{
   $('.ms-rtestate-field').each(function() {
      $(this).find("*").css("border", "1px solid red");
   });  
}

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

4 个答案: