La tarea es insertar un objeto jQuery después de todos los párrafos usando jQuery.
Acercarse:
- Cree un elemento DOM o un objeto jQuery usando la etiqueta <span>.
- Crea un párrafo usando la etiqueta <p>.
- Cree un botón usando la etiqueta de botón después de hacer clic en el que se insertará el objeto después del párrafo.
- Escriba un script que llamará a una función jQuery.after() que se usa para insertar un objeto jQuery después de todos los párrafos.
Ejemplo: a continuación se muestra el código de trabajo utilizando los pasos mencionados anteriormente.
HTML
<!DOCTYPE HTML>
<html>
<head>
<script src=
"https://code.jquery.com/jquery-git.js">
</script>
</head>
<body>
<h1 style="color:green">
GeeksforGeeks
</h1>
<span>
Dom element / jQuery object
</span>
<p>
This is paragraph
</p>
<button id="GFG_button1" style="display: block;
margin-top: 15px;">
Click here to insert object after paragraph
</button>
<script>
$('#GFG_button1').click(function () {
$("p").after($("span"));
});
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por anikakapoor y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA