Tenho a seguinte div
:
<div id="div_conteudo" align="center">
<div id="header">
<input type="button" name="Delete" class="botao1" style="float: right; margin-right:-12%">
</div>
<div id="foot" style="overflow: auto; width: 100%; height: 440px; border:solid 1px">
<section id="s1">
<div class="div1" id="minhaDiv" style="float: left;">
<table id="table" class="table table-bordered">
<tr>
<th width="20%" style="text-align:center">De</th>
<th width="60%" style="text-align:center">Assunto</th>
<th width="10%" style="text-align:center">Prioridade</th>
<th width="10%" style="text-align:center">Recebido</th>
</tr>
<?php
while($row = mysqli_fetch_array($result))
{
?>
<tr>
<th width="10%" colspan=4>Recebido: <?php echo $row["Data"]; ?></th>
</tr>
<tr>
<td><?php echo $row["De"]; ?></td>
<td class="td-info view_data" id="<?php echo $row["Id"]; ?>,<?php echo $row["Para"]; ?>" data-toggle="modal" href="#dataModal" width="20%" <?php echo $row["Status"] != '0'?' style="font-weight:bold" ':' style="font-weight:normal" '?>><?php echo $row["Assunto"]; ?></td>
<td><?php echo $row["Prioridade"]; ?></td>
<td><?php echo $row["Hora"]; ?></td>
</tr>
<?php
}
?>
</table>
</div>
</section>
</div>
</div>
JavaScript
para selecionar linha:
var tr = $('table tr:not(:first-child)');
tr.on('click', function () {
var self = this;
tr.each(function(){
if(this == self) $(this).toggleClass('colorir');
else $(this).removeClass('colorir');
})
});
Dentro da div id="header"
tenho o botão que será para fazer delete
da linha da tabela, que está dentro da div id="foot"
. Agora não estou a conseguir colocar o botão a delete
a funcionar.