Javascript从数据库中删除/淡出表行_Javascript

Javascript从数据库中删除/淡出表行

javascript

Javascript从数据库中删除/淡出表行,javascript,Javascript,首先，我不知道如何指定标题对不起我有一个相当混乱的代码，但基本上这就是它应该做的。当按下删除按钮时，整个tr应消失。目前只有最后一个带有按钮的td会消失。我试着把a换成a $('a').click(function(){ 但当我这样做时，行将消失，但它不会在数据库中删除。有人知道解决方案吗？提前谢谢 ps：对不起，我的英语和错误代码 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script

首先，我不知道如何指定标题对不起

我有一个相当混乱的代码，但基本上这就是它应该做的。当按下删除按钮时，整个tr应消失。目前只有最后一个带有按钮的td会消失。我试着把a换成a

$('a').click(function(){

但当我这样做时，行将消失，但它不会在数据库中删除。有人知道解决方案吗？提前谢谢

ps：对不起，我的英语和错误代码

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="style.css" />
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        $('document').ready(function(){
        $('a').click(function(){
        var del_id = $(this).attr('id');
        var parent = $(this).parent();
        $.post('delete.php', {id:del_id},function(data){
        parent.slideUp('slow', function() {$(this).remove();});
        });
        });
        });
    </script>
</head>
<body>
    <div id="content1"></div>
    <table cellpadding="0" cellspacing="0" border="0" id="table" class="sortable">
        <thead>
            <tr>
                <th class="nosort"><h3>ID</h3></th>
                <th><h3>Merk</h3></th>
                <th><h3>Type</h3></th>
                <th><h3>Imei</h3></th>
                <th><h3>Serienummer</h3></th>
                <th><h3>Kleur</h3></th>
                <th><h3>Locatie</h3></th>
            </tr>
        </thead>

        <tbody>
            <?php
                include 'Includes/database_connection.php';
                $sql = "select *
                        FROM units";
                $result = mysql_query($sql,$con);       
                while($row = mysql_fetch_assoc($result)){
                echo "<tr>";
                echo "<td>{$row['id']}</td><td>{$row['merk']}{$row['type']}{$row['imei']}{$row['serienr']}{$row['kleur']}{$row['locatie']}<a href=\"javascript:return(0);\" id=\"{$row['id']}\"><img src=\"images\delete_icon.gif\" height=\"12px\" width=\"12px\"/></a></td>";
                echo "</tr>";
                }       
                                while($row = mysql_fetch_array($result)) {

                                echo "<tr>";
                                echo "<td>".$row['id']."</td>";
                                echo "<td>".$row['merk']."</td>";
                                echo "<td>".$row['type']."</td>";
                                echo "<td>".$row['imei']."</td>";
                                echo "<td>".$row['serienr']."</td>";
                                echo "<td>".$row['kleur']."</td>";
                                echo "<td>".$row['locatie']."</td>";
                                ?>
                                <td><a href="#" onclick="window.open('test1.php?id=<?php echo $row['id']; ?>', 'newwindow', 'width=400, height=600'); return false;"><img src="images/gtk-edit.png"/></a></td>

                                <?php

                                echo "</tr>";
                            }


                            ?>
                        </tbody>
                  </table>
        <div id="controls">
            <div id="perpage">
                <select onchange="sorter.size(this.value)">
                <option value="5" selected="selected">5</option>
                    <option value="10" >10</option>
                    <option value="20">20</option>
                    <option value="50">50</option>
                    <option value="100">100</option>
                </select>
                <span>Weergeven per pagina</span>
            </div>
            <div id="navigation">
                <img src="images/first.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1,true)" />
                <img src="images/previous.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1)" />
                <img src="images/next.gif" width="16" height="16" alt="First Page" onclick="sorter.move(1)" />
                <img src="images/last.gif" width="16" height="16" alt="Last Page" onclick="sorter.move(1,true)" />
            </div>
            <div id="text">Pagina <span id="currentpage"></span> van <span id="pagelimit"></span></div>
        </div>
        <script type="text/javascript" src="script.js"></script>
        <script type="text/javascript">
      var sorter = new TINY.table.sorter("sorter");
        sorter.head = "head";
        sorter.asc = "asc";
        sorter.desc = "desc";
        sorter.even = "evenrow";
        sorter.odd = "oddrow";
        sorter.evensel = "evenselected";
        sorter.oddsel = "oddselected";
        sorter.paginate = true;
        sorter.currentid = "currentpage";
        sorter.limitid = "pagelimit";
        sorter.init("table",1);
      </script>
    </div>
</body>


$（'document'）.ready（函数（）{
$（'a'）。单击（函数（）{
var del_id=$（this.attr（'id'）；
var parent=$（this.parent（）；
$.post（'delete.php'，{id:del_id}，函数（数据）{
slideUp（'slow'，function（）{$（this.remove（）；}）；
});
});
});
身份证件
梅克
类型
伊梅
丝光计
克莱尔
地点
5.
10
20
50
100
韦尔根佩尔帕吉纳酒店
帕吉纳面包车
var分拣机=新的微型表格分拣机（“分拣机”）；
sorter.head=“head”；
sorter.asc=“asc”；
sorter.desc=“desc”；
sorter.even=“evenrow”；
sorter.odd=“oddrow”；
sorter.evensel=“evenselected”；
sorter.oddsel=“oddselected”；
sorter.paginate=true；
sorter.currentid=“currentpage”；
sorter.limitid=“pagelimit”；
分拣机初始化（“表”，1）；

和我的进程文件

<?php
include 'Includes/database_connection.php';
$id = $_POST['id'];
$safeid = mysql_real_escape_string($id);
$query = mysql_query("delete from units where id=$id", $con);
?>

当您找到

的父对象时，您就找到了

td

。这可以解释为什么您看到的是

td

而不是

tr

消失

因此，不要使用

parent（）

，而是使用

closest（“tr”）

查找行：

//var parent = $(this).parent();
var parent = $(this).closest("tr");

然后滑动/删除父项。。。然后您可能还想将

parent

重命名为类似于

parentRow

的名称

至于删除数据库中的数据。您的代码似乎正在尝试查找

的

id

属性，因此您需要确保

中的

id

属性与您要从数据库中删除的id匹配。。。类似于

我看不到代码中的任何按钮打开浏览器调试器（内置于Chrome和Firebug中），看看应该发送的$.post
会发生什么。可能是一些基本的问题，如错误的路径或参数。以下是Firebug中的操作方式：以下是Chrome中的操作方式：还有一点需要注意的是：对于这一点，您可能需要比$（“a”）
更具体，因为您可能有其他链接，您希望人们能够在不运行此函数的情况下单击。谢谢您，您的var parent=$（此）。最近(“tr”）；成功了。我还将a改为变量：）。谢谢我不确定将a
改为变量是什么意思，所以我只想确保您理解我的意思。您可以在a
上放置一个类，您可以单击该类以删除
之类的行，然后使用之类的选择器e> $（“a.hidesRow”）

。如果您确定表中没有不希望出现这种情况的链接，您也可以检查它是否确实位于这样的表单元格中。

$（“td a”）

Oww很抱歉误解。但我确实添加了一个类。

    $('document').ready(function () {
        $('tr').click(function () {
            //this assumes id will always be within the first td
            //you could also put classes on your td's to identify
            var del_id = $(this).find("td").first().text();
            var row = $(this);
            $.post('delete.php', {
                id: del_id
            }, function (data) {
                row.slideUp('slow', function () {
                    row.remove();
                });
            });
        });
    });