El insertAfter() es un método incorporado en jQuery que se usa para insertar algún contenido HTML después de un elemento específico. El contenido HTML se insertará después de cada aparición del elemento especificado.
Sintaxis:
$(content).insertAfter(target)
Aquí, el «contenido» es el contenido HTML que se insertará después del objetivo especificado.
Parámetros: Toma un parámetro “objetivo” que es el objetivo después del cual se insertará el contenido.
Valor devuelto: No devuelve ningún valor.
Código #1:
<!DOCTYPE html>
<html>
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$("div").click(function() {
// insertAfter
$("<p>You should follow GeeksForGeeks</p>").insertAfter("p");
});
});
</script>
</head>
<body>
<p>To learn jQuery : </p>
<div>Click here to complete</div>
</body>
</html>
Salida:
antes de hacer clic en el contenido div-
To learn jQuery : Click here to complete
Después de hacer clic en el contenido div-
To learn jQuery : You should follow GeeksForGeeks Click here to complete
Código #2:
<!DOCTYPE html>
<html>
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$("div").click(function() {
// insertAfter
$("<p>You should follow GeeksForGeeks</p>").insertAfter("p");
});
});
</script>
</head>
<body>
<p>To learn jQuery : </p>
<p> To learn coding : </p>
<div>Click here to complete</div>
</body>
</html>
Salida:
antes de hacer clic en el contenido div-
To learn jQuery : To learn coding : Click here to complete
Después de hacer clic en el contenido div-
To learn jQuery : You should follow GeeksForGeeks To learn coding : You should follow GeeksForGeeks Click here to complete
jQuery es una biblioteca JavaScript de código abierto que simplifica las interacciones entre un documento HTML/CSS. Es muy famosa por su filosofía de «Escribir menos, hacer más» .
Puede aprender jQuery desde cero siguiendo este tutorial de jQuery y ejemplos de jQuery .