Eliminar Nodo Clonado.
Publicado por Luis (24 intervenciones) el 05/07/2017 04:16:50
Buenas Amigos, Les Agradecería Me Colaboraran Con Esto. He Logrado Clonar Un Elemento Con Javascript, Lo Que Quiero Es Que Se Clone Uno Solo. Tengo Una Serie De Botones Que Al Clickear Sobre Uno De Ellos Este Se Clona Y Se Añade A otro Div, La Idea Es Que Cuando Vuelva Y Clickee Sobre El Mismo Este Elimine Cuyo Clone.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<div class="agg-bet">
</div>
<table class="Market-With-Body-List">
<tbody>
<tr>
<td class="mb-option-button">
<button type="submit" class="button">
<div class="name-team-option">Real Madrid</div>
<div class="name-value-option">1.80</div>
</button>
</td>
<td class="mb-option-button">
<button type="submit" class="button">
<div class="name-team-option">Barcelona</div>
<div class="name-value-option">2.00</div>
</button>
</td>
</tr>
<tr>
<td class="mb-option-button">
<button type="submit" class="button">
<div class="name-team-option">Atlético De Madrid</div>
<div class="name-value-option">34.00</div>
</button>
</td>
<td class="mb-option-button">
<button type="submit" class="button">
<div class="name-team-option">Sevilla</div>
<div class="name-value-option">151.00</div>
</button>
</td>
</tr>
<tr>
<td class="mb-option-button">
<button type="submit" class="button">
<div class="name-team-option">Villarreal</div>
<div class="name-value-option">251.00</div>
</button>
</td>
<td class="mb-option-button">
<button type="submit" class="button">
<div class="name-team-option">Valencia</div>
<div class="name-value-option">251.00</div>
</button>
</td>
</tr>
</tbody>
</table>
<script>
var ClickButtons = [].slice.call(document.querySelectorAll('.button'));
ClickButtons.forEach(function(element, i){
element.addEventListener('click', function ()
{var cln = element.cloneNode(true);
document.getElementById("agg-bet").appendChild(cln);
if(cln.length>0){
var nodoAEliminar = cln[cln.length-1];
nodoAEliminar.parentNode.removeChild(cln);
}});
});
</script>
Valora esta pregunta
0