¿Cómo insertar algo de HTML después de todos los párrafos usando jQuery?

En este artículo, insertaremos contenido HTML después de todos los párrafos usando jQuery. Para agregar algo de contenido después de todos los elementos del párrafo, usamos el método after() . Este método se utiliza para insertar el contenido especificado después de cada elemento seleccionado en el conjunto de elementos coincidentes.

Sintaxis:

$( selector ).after( content );

Ejemplo:

HTML

<html>
<head>
  <!-- Import jQuery from CDN -->
  <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
  </script>
  
  <script>
    $(document).ready(function () {
      $("button").click(function () {
        $("p").after(
          '<p>Welcome to GFG</p>
          <input type="text">'
        );
      });
    });
  </script>
</head>
<body style="text-align: center;">
  <h1 style="color: green;">
    GeeksforGeeks
  </h1>
  
  <h3>
    How to insert some HTML after
    all paragraphs using jQuery?
  </h3>
    
  <p>
    GeeksforGeeks computer 
    science portal
  </p>
  
  <button>Click Here!</button>
</body>
</html>

Producción:

Antes de hacer clic en el botón:

Después de hacer clic en el botón:

Publicación traducida automáticamente

Artículo escrito por vkash8574 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *