Tengo una tabla que contiene elementos con ID pero cuando añado de forma dinámica una fila, esos nuevos elementos no son reconocidos por el árbol DOM.
Cuando cargo la pagina tengo esta estructura en la tabla:
<table id="tabla">
<tbody>
<tr>
<td><span id="v_1">Elemento 1</span></td>
<td><span id="e_1" class="glyphicon glyphicon-pencil"></span></td>
</tr>
<tbody>
</tabla>
Desde JQuery agrego una nueva fila con:
$('#tabla tbody').append('<tr><td><span id="v_2">Elemento 2</span></td><td><span id="e_2" class="glyphicon glyphicon-pencil"></span></td></tr>');
... e inspecciono la página, y todo bien, me aparece así
<table id="tabla">
<tbody>
<tr>
<td><span id="v_1">Elemento 1</span></td>
<td><span id="e_1" class="glyphicon glyphicon-pencil"></span></td>
</tr>
<tr>
<td><span id="v_2">Elemento 2</span></td>
<td><span id="e_2" class="glyphicon glyphicon-pencil"></span></td>
</tr>
<tbody>
</tabla>
Pero los ID v_2
y e_2
son inaccesibles porque no están en el árbol DOM. ¿Cómo puedo solucionar esto?
id
?append
anduvo, entonces lo que hizo fue precisamente actualizar el DOM. Tu error tiene que estar en otro lado.