如何单击标题以在 jQuery 中添加另一个标题？

在本文中，我们将看到如何在 jQuery 中单击现有的 header 元素后添加一个新的 header 元素。要添加新的标题元素，使用了 delegate() 方法。

句法：

$(selector).delegate("Selected_elements", function() {
    $(this).after("content");
})

在这里，我们使用 delegate() 方法将一个或多个事件处理程序添加到作为选定元素的子元素的指定元素。此外，我们使用 after() 方法插入内容，由匹配元素集中每个选定元素的参数指定。

例子：

HTML

  

    
        How to Click on header to add
        another header in jQuery?
    
  
    
    
  
    
        $(document).ready(function () {
            $("body").delegate("h1, h3", "click", function () {
                $(this).after("<h4>Added Another Header!</h4>");
            });
        });
    
  
    
        body {
            text-align: center;
        }
  
        h1 {
            color: green;
        }
    

  

    GeeksforGeeks
  
    
        How to Click on header to add
        another header in jQuery?
    

  

输出：