Databases
StackOverflow2013
Postsdbo
POJquery + php, remove dynamic rows from table td click
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJquery + php, remove dynamic rows from table td click
    text
    copied!<p>I'm trying to remove a row from a table when I click a specific row column. I'm using .live() so that I can remove rows added from a ajax request. It works fine, my problem is, the table comes from php with two rows, I can then insert new ones and remove them, but when I remove one of the rows that came with php, it remove all rows from the table.</p> <p>PHP:</p> <pre><code>&lt;table id="listaEquipamentos"&gt; &lt;?php if($this-&gt;listaEquipamentos){ foreach ($this-&gt;listaEquipamentos as $equipamento) { $UF = trim($equipamento['siglaUF']);?&gt; &lt;tr&gt; &lt;td&gt;&lt;?php echo $equipamento['siglaUF'];?&gt;&lt;/td&gt; &lt;td&gt;&lt;?php echo $equipamento['siglaLocalidade'];?&gt;&lt;/td&gt; &lt;td&gt;&lt;?php echo $equipamento['siglaEstacao']?&gt;&lt;/td&gt; &lt;td&gt;&lt;?php echo $equipamento['nomeEquipamento'];?&gt;&lt;/td&gt; &lt;td&gt;&lt;?php echo $something; ?&gt;&lt;/td&gt; &lt;td align="center"&gt; &lt;?php echo "&lt;input class='bot1' type='button' value='X'&gt; " ?&gt; &lt;/td&gt; &lt;/tr&gt; &lt;?php } ?&gt; &lt;/table&gt; </code></pre> <p>JavaScript:</p> <pre><code>$('#listaEquipamentos tr &gt; td:nth-child(6)').live("click", function(){ if(confirm("Do you want to remove this row?")){ $(this).parent('tr').remove(); } }); $("#btnAddEquipamento").click(function(){ var ok = 1; if($("#slcUF").val() == 0){ alert("UF em Branco"); ok = 0; } else if($("#slcLocalidade").val() == 0){ alert("Localidade em Branco"); ok = 0; } else if($("#slcEstacao").val() == 0){ alert("Estacao em Branco"); ok = 0; } else if($("#txtEquipamento").val() == ""){ alert("Equipamento em Branco"); ok = 0; } else if($("#slcEquipamento").val() == "0"){ alert("Equipamentoo em Branco"); ok = 0; } if(ok){ if($("#slcAbrangencia").val() != ""){ var toadd = $('#slcEquipamento option:selected').text(); var existe = 0; $("#divListaEquipamento tr&gt;td:nth-child(4)").each(function(index){ if( $(this).text() == toadd) existe = 1; }); if(existe != 1){ var uf = $('#slcUF option:selected').text(); var loc = $('#slcLocalidade option:selected').text(); var est = $('#slcEstacao option:selected').text(); if($("#slcEquipamento").val() &gt; 0){ $("#hdnEquipamento").val($("#slcEquipamento").val()+"||"+$('#slcEquipamento option:selected').text()); }else{ var equip = $('#txtEquipamento').val().substr(0,15); $("#hdnEquipamento").val(equip); } var tempLoc = loc.split("-"); var tempEst = est.split("-"); $("#hdnUF").val(uf.substr(0,2)); $("#hdnLocalidade").val(tempLoc[0]); $("#hdnEstacao").val(tempEst[0]); $.post("/aplicacao/jm/index.php/janela/addequipamento", $("#frmNovaJanela").serialize(), function(data){ if(data[0] != null){ $(".tabResultado1 &gt; tbody&gt;tr:last").prev().append("&lt;tr&gt;&lt;td&gt;"+data[1]+"&lt;/td&gt;&lt;td&gt;"+data[3]+"&lt;/td&gt;&lt;td&gt;"+data[5]+"&lt;/td&gt;&lt;td&gt;"+data[7]+"&lt;/td&gt;&lt;td&gt;"+data[8]+"&lt;/td&gt;&lt;td&gt;&lt;input class='bot1' type='button' value='X'&gt;&lt;/td&gt;&lt;/tr&gt;"); var total = parseInt($("#divListaEquipamento tr:last &gt; td:nth-child(5)").text()) + parseInt(data[8]); $("#divListaEquipamento tr:last &gt; td:nth-child(5)").text(total); }else alert("Problema ao gravar equipamento.") }, "json"); }else{ alert('O Equipamento '+toadd+' já está na lista.'); } }else{ alert ("Favor Selecionar a Abrangencia."); } } }); </code></pre> <p>I'v already tried:</p> <pre><code>$(this).parent('tr').remove(); $(this).parents('tr').remove(); $(this).parent().parent().remove(); $(this).closest('tr').remove(); </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload