php - 如何从表中删除一行

Question

我有一个 html 表格，在每一行上，我想添加一个删除按钮。当用户点击它时，我想做两件事:

1) 从表中删除该行。2) 从被删除的行(特定单元格)中提取数据，然后使用该值对函数进行 ajax 调用，该函数将从数据库中删除记录。该函数返回一个新的项目列表，然后我将使用它来重新显示同一个表。

我在 stackoverflow 上找到了其他人的以下帖子: How to remove current row from table in jQuery?

所以我想这解决了第一点。但我不知道如何修改帖子所选答案中的代码以允许抓取行中的 id 值，然后进行 ajax 调用。

      <table class="table table-bordered table-striped"  id="databaserecords">
      <thead>
          <tr>
              <th>Id</th>
              <th>Name</th>
              <th>Status</th>
              <th>Voice</th>
              <th>Jumbo</th>
              <th>Mode</th>
              <th>&nbsp;</th>
          </tr>
      </thead>
      <tbody>

          <?php foreach ($dblist as $record): ?>
              <tr>          
              <td class ='recordId'><?php echo $record['Id'] ?></td>
              <td class ='recordName'><?php echo $record['Name'] ?></td>
              <td><?php echo $record['Status'] ?></td>
              <td><?php echo $record['Voice'] ?></td>
              <td><?php echo $record['Jumbo'] ?></td>
              <td class='recordmode'><?php echo $record['Mode'] ?></td>
              <td><button id="deleteRecord">Delete Record</button></td>
            </tr>
          <?php endforeach ?>


 <script>

    $('#deleteRecord').live('click', function()  {

                //get a count of all records. only allowed to delete if you have more than one record.
                var recCount = $('#databaserecords tbody tr').length;

                if (recCount > 1)
                {
                    $thevalueIwanttoSave = $(this).closest('recordId').val();
                                alert($thevalueIwanttoSave);
                            }

    });

 </script>

现在，警报总是说我的变量未定义。你能为我指出正确的方向吗？我确实知道如何编写 ajax 调用代码...我想我只需要帮助从表中获取值。

谢谢。

Answer 1

您的选择器不正确。

$thevalueIwanttoSave = $(this).parent().siblings('.recordId').text();

closest 选择元素最接近的父元素(recordId 不是按钮元素的父元素/祖元素或..)，并且您还错过了 。 用于类选择器。 val 用于获取/设置表单元素的值，对于 td 元素，您应该使用 text 或 html 方法。另请注意，ID 必须是唯一的(您可以使用类代替)，并且 live 方法已弃用，您可以使用 on 方法。

$('#databaserecords').on('click', '.deleteRecord', function() { 

    var recCount = $('#databaserecords tbody tr').length;

    if (recCount > 1) {
        var text = $(this).parent().siblings('.recordId').text();
        alert(text);
        // $(this).closest('tr').remove()
    }

});​

• siblings()
• parent()
• closest()
• text()
• on()