PHP告警系统表格行选中删除功能异常问题求助

看起来你的核心问题是删除操作误选中了thead里的日期分隔行，而不是tbody里的实际告警数据行，导致无法获取正确的ID。咱们一步步来修复：

1. 先修正表格结构（可选但推荐） #

你的表格里有两个<thead>标签，这不符合HTML表格的标准规范（一个表格应该只有一个<thead>）。建议把日期分隔行移到<tbody>里，用类来标记它，这样结构更清晰，也能避免后续选择器混淆：

<table class="table table-responsive table-striped table-bordered table-condensed table-hover">
  <thead>
    <tr>
      <th>De</th>
      <th>Assunto</th>
      <th>Prioridade</th>
      <th>Recebido</th>
    </tr>
  </thead>
  <tbody>
    <?php 
    $nomede = '';
    do { 
      if ($nomede != $produto["De"]) { 
    ?>
    <!-- 日期分隔行，添加专属类标记 -->
    <tr class="date-separator">
      <td width="10%" colspan="4">Recebido: <?php echo $produto["Data"]; ?></td>
    </tr>
    <?php 
        $nomede = $produto["De"]; 
      } 
    ?>
    <!-- 实际告警数据行 -->
    <tr>
      <td><?php echo $produto["De"]; ?></td>
      <td class="td-info view_data apagar" id="<?php echo $produto["Id"]; ?>,<?php echo $produto["Para"]; ?>" data-toggle="modal" href="#dataModal" style="<?php echo $produto["Status"] != '0' ? 'font-weight:bold; font-size: 90%' : 'font-weight:normal; font-size: 90%' ?>">
        <?php echo $produto["Assunto"]; ?>
      </td>
      <td><?php echo $produto["Prioridade"]; ?></td>
      <td><?php echo $produto["Hora"]; ?></td>
    </tr>
    <?php } while ($produto = $resultado_cursos->fetch_assoc()); ?>
  </tbody>
</table>

给日期分隔行加个样式区分，同时禁止选中它：

.date-separator {
  background-color: #f5f5f5;
  font-weight: bold;
  pointer-events: none;
}
.colorir {
  background-color:#81BEF7;
}

2. 修复行选中逻辑 #

确保只有告警数据行能被选中添加colorir类，给tbody里的非日期分隔行绑定点击事件：

// 只允许点击tbody里的非日期分隔行来切换选中状态
$("tbody tr:not(.date-separator)").click(function() {
  $(this).toggleClass("colorir");
});

3. 修正删除函数 #

修改deletar()函数，只遍历tbody里带colorir类的告警数据行，避免选中日期行：

function deletar() {
  var ids = [];
  // 仅选中tbody下的.colorir数据行，排除日期分隔行
  $("tbody tr.colorir").each(function() {
    var apagarEl = $(this).find(".apagar");
    // 确保找到.apagar元素再获取ID
    if (apagarEl.length) {
      ids.push(apagarEl.attr("Id"));
    }
    $(this).remove();
  });

  // 没选中任何行时提示
  if (ids.length === 0) {
    alert("Nenhuma linha de alerta selecionada para exclusão!");
    return;
  }

  $.ajax({
    url: './deletealerta',
    type: 'POST',
    cache: false,
    data: { ids: ids },
    error: function(xhr, status, err) {
      console.error("Erro na exclusão:", err);
      alert("Ocorreu um erro ao excluir os alertas.");
    },
    success: function(result) {
      alert("Alertas excluídos com sucesso!");
      // 这里可以添加刷新表格或其他后续操作
    }
  });
}

为什么之前会出错？ #

原来的$(".colorir").each()会匹配所有带colorir类的<tr>，包括你放在第二个<thead>里的日期分隔行——这些行没有.apagar元素，自然获取不到有效的ID，还会误删这些分组行。通过限定选择范围到<tbody>，并且排除日期分隔行，就能准确获取待删除的告警ID啦。

内容的提问来源于stack exchange，提问作者Bruno