Cum se inserează conținut după elementele HTML selectate folosind jQuery

Configurare noua (How To)

Situatie

Metoda jQuery after() introduce conținut după elementele HTML selectate.

Solutie

Pasi de urmat

 

<!DOCTYPE html>
<html>
<head>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js”></script>
<script>
$(document).ready(function(){
$(“#btn”).click(function(){
$(“p”).before(“<h2>Titlu h2</h2>”);
});
});
</script>
</head>
<body>

<h1>Titlu h1</h1>
<p>Acesta este un paragraf.</p>

<button id=”btn”>Adaugă un titlu h2 după titlu h1</button>

</body>
</html>

 

Tip solutie

Permanent

Voteaza

(11 din 24 persoane apreciaza acest articol)

Despre Autor

Leave A Comment?