如何使用 jQuery 突出显示备用表格行？

在本文中，我们将使用 jQuery 在替代表格行上设置突出显示。 :nth-child(2n)选择器用于选择替代行， addClass() 方法用于设置替代行的样式。

句法：

$(tr:nth-child(2n)").addClass("GFG");

在这里，我们将使用

标签创建一个简单的表。 和 标签用于创建表格的标题和正文元素。我们使用一些 CSS 属性来设置样式。

例子：

HTML

  

    
        How to highlight alternate
        table row using jQuery?
    
  
    
    
  
    
        table {
            margin: 0 auto;
        }
  
        tr,
        th,
        td {
            border: 2px solid black;
            padding: 20px 50px;
        }
  
        th {
            background-color: green;
        }
  
        .GFG {
            background: rgb(145, 145, 145);
        }
    
  
    
        $(document).ready(function () {
            $("table tbody tr:nth-child(2n)").addClass("GFG");
        });
    

  

    
        GeeksforGeeks
    
  
    
        How to highlight alternate
        table row using jQuery?
    
  
    

                                                                                                                                                                                                                                                                                                                                                                                                                                            

Sl.No	Title	Geek_id
01	HTML	Markup Language
02	CSS	Cascading Style
03	JavaScript	Scripting Language
04	Bootstrap	Framework

  

---