Hola,
Me encuentro en la etapa de apredizaje y me topé con este código:
Código Javascript
:
Ver original<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>attr demo</title>
<style>
div {
color: blue;
}
span {
color: red;
}
b {
font-weight: bolder;
}
</style>
<script src="jquery/jquery-1.11.2.js"></script>
</head>
<body>
<div>Zero-th <span></span></div>
<div>First <span></span></div>
<div>Second <span></span></div>
<script>
$( "div" )
.attr( "id", function( arr ) {
return "div-id" + arr;
})
.each(function() {
$( "span", this ).html( "(id = '<b>" + this.id + "</b>')" );
});
</script>
</body>
</html>
y el resultado es:
Código HTML:
Ver originalZero-th (id = 'div-id0')
First (id = 'div-id1')
Second (id = 'div-id2')
Se ve que div-idx se incrementa, alguien por favor podría explicarme como es posbile esto con dos funciones encadenadas?
Gracias