使用 jQuery 查找每个部门的所有孩子

在本文中，我们将看到如何找到 HTML 文档的每个划分元素的所有子元素。

要在 jQuery 中查找所有子项，您可以简单地使用 .children()方法和.css() 方法。

使用的方法：

• .children()：此方法返回所选元素的所有直接子元素。
• .css()：此方法用于为所选元素设置或返回一个或多个样式属性。

方法：

• 使用各种 div元素及其子元素创建 HTML 页面。
• 使用.children()方法，找到除法元素的子元素。
• 使用 .css()方法，为划分元素的子元素设置样式。

例子：

HTML

  
    
    
    
    
  
    
      body {
        text-align: center;
        font-size: 26px;
      }
    
  
  
    GeeksForGeeks
  
    This is a paragraph.
  
    
      This is a paragraph within a division.
    
  
    This is another paragraph.
  
    
      This is a span 
      element within a division.
    
    
      $("div").children()
              .css("background-color", " lightgreen");
    
  

输出：在这个例子中，首先我们找到了div元素的所有子元素并应用了 CSS 的背景属性。除法元素的所有子元素都应在网页上突出显示。