Question

我改的一个对表格操作的php。原来是点击可以编辑表格，我想改为点击就删除该行，以及数据库。

//JavaScript Document
$(function(){
$("tr:even").css("background-color","#ffff99");

$("tr td:not(.id)").click(function(){
if($(this).children('input').length > 0)
return;
//取出表格中原有的内容
var data=$(this).text();
//将内容设置为空
$(this).html('');
var td=$(this);
//创建一个表格
var inp=$('<input type="text" >');

inp.val(data);
inp.css("background-color",$(this).css("background-color"));
inp.css("border-width","0px");
inp.css("width",$(this).css("width"));
//在表格中放一个input表单
inp.appendTo($(this));
//表单放入表格后触发焦点事件
inp.trigger('focus');
//全选内容
inp.trigger('select');
inp.keydown(function(event){

switch(event.keyCode){
case 13:
td.html($(this).val());
var tds=td.parent("tr").children("td");

var i=tds.eq(0).text();
var n=tds.eq(1).text();
var a=tds.eq(2).text();
var s=tds.eq(3).text();
var e=tds.eq(4).text();
$.post("save.php",{id:i,name:n,age:a,sex:s,email:e},function(data){

alert(data);

});

break;
case 27:
td.html(data);
break;
}
}).blur(function(){
td.html($(this).val());
var tds=td.parent("tr").children("td");

var i=tds.eq(0).text();
var n=tds.eq(1).text();
var a=tds.eq(2).text();
var s=tds.eq(3).text();
var e=tds.eq(4).text();
//var user={id:i,name:n,age:a,sex:s,email:e}
$.post("save.php",{id:i,name:n,age:a,sex:s,email:e},function(data){
alert(data);

function deltest()

{
var td2 = event.srcElement; // 通过event.srcElement 获取激活事件的对象 td
var hh = td2.parentElement.rowIndex + 1;
alert("行号：" + (hh) + "，内容：" + td2.innerText);
$('table tr:eq(hh)').remove();

}
});

});
});
});

Answer 1

$(function () {
    $("tr:even").css("background-color", "#ffff99");

    $("tr td:not(.id)").click(function () {
        // 获取tr
        var $tr = $(this).parent();
        var id = $tr.find('td:first-child').text();

        // 把id发送到服务器
        $.post("delete.php", {
            id: id
        }, function (data) {
            // 服务器返回成功之后删除tr
            $tr.remove();
            alert('删除成功');
        });
    });
});

Answer 2

//取出表格中原有的内容

追问

function deltest()
{
var td2 = event.srcElement;
var hh = td2.parentElement.rowIndex + 1;
alert("行号：" + (hh) + "，内容：" + td2.innerText);
$('table tr:eq(hh)').remove();
这段代码不会执行

function deltest()
{
var td2 = event.srcElement;
var hh = td2.parentElement.rowIndex + 1;
alert("行号：" + (hh) + "，内容：" + td2.innerText);
$('table tr:eq(hh)').remove();
这段代码不会执行