如何使用 jQuery 在所有段落之后插入 DOM 元素？

在本文中，我们将使用 jQuery 在所有段落元素之后插入一个 DOM 元素。要插入 DOM 元素，我们使用 after() 和 createTextNode() 方法。 createTextNode()方法用于创建包含元素节点和文本节点的 TextNode。它用于为元素提供文本。 after()方法用于在每个被选元素之后插入指定的内容。

句法：

$( selector ).after( content );

例子：

HTML

  

    
    
    
      
    
        $(document).ready(function () {
            $("button").click(function () {
                $("p").after(document
                    .createTextNode("Hello World!"));
            });
        });
    

  

    
        GeeksforGeeks
    
    
        How to insert a DOM element after
        all paragraphs using jQuery?
    
  
    
        GeeksforGeeks computer
        science portal
    
  
    Click Here!

  

输出：

点击按钮前：

点击按钮后：