.after(): Chèn nội dung, xác định bởi tham số vào ngay sau mỗi thành phần đã có.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="">
<script src="jquery-3.4.1.min.js"></script>
<script>
$(function(){
/*.after(nội dung)*/
$('.div1').after('<p>Noi dung them vao</p>');
$('.div2').after($('h3'));
/*.after(function(index){...})*/
$('div').after(function(){
var reuslt = '<p>'+ this.className +'</p>';
return reuslt;
});
});
</script>
</head>
<body>
<div class="test01">thành phần div 01</div>
<div class="test02">thành phần div 02</div>
</div>
<div class="div1">
Thanh phan div
</div>
<div class="div2">
<h3>Thanh phan H3</h3>
<p>Thanh phan P</p>
</div>
</body>
</html>Hiển thị trình duyệt:
ChungBlog 