Dentro cadatr
há vários buttons
(add e remover) e seus respectivos td
(s), como saber que determinado tr
eu devo eliminar se eu clicar em um dos buttons de add ou rem? Também queria adicionar um novo tr
de classe pacientes logo abaixo do outro tr?
Segue o jsfiddle:
http://jsfiddle.net/nn40pty3/
<table id="tabela-1">
<tr>
<th>Nome</th>
<th>Peso(kg)</th>
<th>Altura(m)</th>
<th>IMC</th>
</tr>
<tr class="paciente">
<td class="info-nome" id="nome-1">Leonardo</td>
<td class="info-peso" id="peso-1">57</td>
<td class="info-altura" id="altura-1">1.67</td>
<td class="info-imc" id="imc-1"></td>
<td><input type="button" class="btnadd" value="+" /></td>
<td><input type="button" class="btnadd" value="-" /></td>
</tr>
<tr class="paciente">
<td class="info-nome" id="nome-2">Paulo</td>
<td class="info-peso" id="peso-2">100</td>
<td class="info-altura" id="altura-2">2.00</td>
<td class="info-imc" id="imc-2"></td>
<td><input type="button" class="btnadd" value="+" /></td>
<td><input type="button" class="btnadd" value="-" /></td>
</tr>
<tr class="paciente">
<td class="info-nome" id="nome-2">Paulo</td>
<td class="info-peso" id="peso-2">100</td>
<td class="info-altura" id="altura-2">2.00</td>
<td class="info-imc" id="imc-2"></td>
<td><input type="button" class="btnadd" value="+" /></td>
<td><input type="button" class="btnadd" value="-" /></td>
</tr>
<tr class="paciente">
<td class="info-nome" id="nome-2">Paulo</td>
<td class="info-peso" id="peso-2">100</td>
<td class="info-altura" id="altura-2">2.00</td>
<td class="info-imc" id="imc-2"></td>
<td><input type="button" class="btnadd" value="+" /></td>
<td><input type="button" class="btnadd" value="-" /></td>
</tr>
</table>
btnadd
? posso mudar um deles parabtnremove
?