如何使用 jQuery 在父节点的子节点中应用 CSS？

在本文中，我们将了解如何使用 jQuery 在父元素的子元素中设置样式。要在父级的偶数子级上设置样式，我们使用 jQuery :nth-child(even) 选择器。

:nth-child(even) 选择器用于选择作为其父元素的偶数子元素的每个元素。

句法：

$("Selector:nth-child(even)")

方法：首先，我们创建一个包含 div 元素的 HTML 元素。这个 div 元素包含一些段落元素，然后我们使用 :nth-child() 选择器来选择父元素的所有偶数位置子元素。

例子：

HTML

  

    
    
  
    
        div {
            font-size: 18px;
            font-weight: bold;
        }
          
        p {
            margin-left: 50px;
        }
    
  
    
        $(document).ready(function() {
            $("p:nth-child(even)").css({
                backgroundColor: "green",
                color: "white",
                padding: "5px 15px",
                display: "table"
            });
        });
    

  

    GeeksforGeeks
  
    
        How to apply CSS in even childs of 
        parent node using jQuery library?
    
  
    
        Data Structure
        C++ Programming
        javaScript
        Web Technology
    

  

输出：