Javascript 使用jquery为根div中的所有内部div设置css

我有一个HTML页面，比如

<div class="root">
  <h3>Title</h3>
  <div>
     <p>description</p>
     <div>Sub one description</div>
     <div>
         <table>
           <tbody><tr><td><div>Flag</div></td></tr></tbody>
         </table>
     </div>
   </div>
<div>

标题
描述

子一描述
旗帜

---

如何使用类名root将css后台属性应用于表内的内部div。提前感谢。

只需使用以下选项选择最上面的一个：

$('.root table div').css('background', '#ff0000');

$(".root div").css("background-color", "blue");

---

因为最里面的div在它上面的div的边界内，所以没有必要给它相同的背景色。

您好，您可以使用下面的代码来实现这一点

  $('.root').find('div>table').css("background-color", "red");

这里我把背景色改为红色

$('.root table div').css( "background", "red" )

---

希望这能回答您的问题。

这也适用于div.root和表之间的div。它应该是

$（'div.root table'）。find（'div'）.css（“背景色”，“绿色”）

同意您的观点，使用

find（）

会更快。这似乎有些过分，我确信jQuery在幕后做了优化。