Pada tutorial kali ini anda akan belajar dan mengenal penggunaan dari attribute after pada jquery.
Fungsi dari after itu sendiri adalah untuk menyisipkan sebuah element setelah element tertentu yang kita tentukan, misalnya saja kita ingin menyisipkan element contohnya paragraf <p>school</p> setelah element <span>Dumet</span>, jadi nanti hasilnya akan seperti ini :
<span>dumet</span><p>school</p>.
langsung saja saya kasih contoh sederhananya :
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"> </script>
<body>
<div class="container">
<h2>halo</h2>
<div class="inner">saya</div>
</div>
<script >
$(document).ready(function(){
$( ".inner" ).after( "<p>Bayu</p>" );
});
</script>
</body>
</html>
maka hasilnya akan seperti ini :
jadi seperti itulah kegunaan attribute after pada jquery, oke sampai di sini dulu semoga bisa menambah wawasan kalian mengenai jquery.