addBack () es un método incorporado en jQuery que agrega el conjunto anterior de elementos al conjunto actual. Este método agrega el elemento de árbol DOM anterior al conjunto actual y los mantiene en la pila interna que se encargará de los cambios en el conjunto de elementos coincidentes.
Sintaxis:
.addBack(selector)
Parámetros: Acepta un parámetro opcional “selector”.
Valor devuelto: Devuelve el elemento agregado contra el selector especificado.
Código #1:
En el siguiente código, el elemento «p» se pasa como parámetro.
<html>
<head>
<meta charset="utf-8">
<style>
#h{
border: 2px solid white;
}
p, div {
margin: 5px;
padding: 5px;
border:2px solid green;
}
.border {
border: 2px solid red;
}
.background {
background: lightgrey;
}
.left, .right {
width: 45%;
float: left;
border:2px solid green;
}
.right {
margin-left: 3%;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div class="left">
<p id="h"><strong>Before <code>addBack()</code></strong></p>
<div class="before-addback">
<p>First Paragraph</p>
<p>Second Paragraph</p>
</div>
</div>
<div class="right">
<p id="h"><strong>After <code>addBack()</code></strong></p>
<div class="after-addback">
<p>First Paragraph</p>
<p>Second Paragraph</p>
</div>
</div>
<script>
$( ".before-addback" ).find( "p" ).addClass( "background" );
$( ".after-addback" ).addBack("p").addClass( "background" );
</script>
</body>
</html>
En el ejemplo anterior, el primer elemento «p» se resalta y luego, después de usar el método .addBack(), el siguiente elemento «div» se agrega a la pila después del elemento «p».
Salida: 
Código #2:
En el siguiente código, no se pasa ningún parámetro al método .addBack().
<html>
<head>
<style>
p, div {
margin: 5px;
padding: 5px;
}
div{
border: 2px solid green;
}
.border {
border: 2px solid green;
}
.background {
background: lightgreen;
border: 2px solid green;
}
.left, .right {
width: 45%;
float: left;
}
.right {
margin-left: 3%;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js">
</script>
</head>
<body>
<div class="left">
<p><strong>Before <code>addBack()</code></strong></p>
<div class="before">
<p>First Paragraph</p>
<p>Second Paragraph</p>
</div>
</div>
<div class="right">
<p><strong>After <code>addBack()</code></strong></p>
<div class="after">
<p>First Paragraph</p>
<p>Second Paragraph</p>
</div>
</div>
<script>
$( ".before" ).find( "p" ).addClass( "background" );
$( ".after" ).find( "p" ).addBack().addClass( "background" );
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA