如何使用 jQuery 在所有段落之后插入一些 HTML？

在本文中，我们将使用 jQuery 在所有段落之后插入一些 HTML 内容。要在所有段落元素之后添加一些内容，我们使用after()方法。此方法用于在匹配元素集中的每个选定元素之后插入指定的内容。

句法：

$( selector ).after( content );

例子：

HTML

  
  
  
  
  
    $(document).ready(function () {
      $("button").click(function () {
        $("p").after(
          '<p>Welcome to GFG</p>
          <input type="text">'
        );
      });
    });
  


  
    GeeksforGeeks
  
  
  
    How to insert some HTML after
    all paragraphs using jQuery?
  
    
  
    GeeksforGeeks computer 
    science portal
  
  
  Click Here!

输出：

点击按钮前：

点击按钮后：