.addBack(): Thêm thành phần vào trước thành phần đã có để cùng thực hiện một hành động.
<!DOCTYPE html>
<html>
<head>
<title>.addBack() Demo</title>
<script type="text/javascript" src="jquery-3.4.1.min.js"></script>
<style type="text/css">
p, div{
margin: 5px;
padding: 5px;
}
.border{
border: 2px solid red;
}
.background{
background: yellow;
}
.left, .right{
width: 45%;
float: left;
}
.right{
margin-left: 3%;
}
</style>
</head>
<body>
<div class="left">
<p><strong>Before <code>addBack()</code></strong></p>
<div class="before-addback">
<p>First Paragraph</p>
<p>Second Paragrand</p>
</div>
</div>
<div class="right">
<p><strong>After <code>addBack()</code></strong></p>
<div class="after-addback">
<p>First Paragraph</p>
<p>Second Paragraph</p>
</div>
</div>
<script type="text/javascript">
$("div.left, div.right").find("div, div > p").addClass("border");
//First Example
$("div.before-addback").find("p").addClass("background");
//Second Example
$("div.after-addback").find("p").addBack().addClass("background");
</script>
</body>
</html>
Kết quả:
ChungBlog 
Leave a comment