Question

jquery 操作删除步骤，请教高手指点....

<table>
<tr>
<td>姓名</td>
<td>年龄</td>
<td>班级</td>
<td>操作</td>
</tr>
<tr>
<td>张三</td>
<td>12</td>
<td>七年级</td>
<td><input type="butten" value="删除"/></td>
</tr>
<tr>
<td>李四</td>
<td>12</td>
<td>七年级</td>
<td><input type="butten" value="删除"/></td>
</tr>
//java标签代码
<s:iterator value="class" var="class">
<td><s:property value="#class.name"/></td>
<td><s:property value="#class.age"/></td>
<td><s:property value="#class.className"/></td>
<td><input type="butten" value="删除"/></td>
</s:iterator>
</table>
<s:property value="#class.id"/> 我点击删除按钮，必须用jquery 获取我点击删除哪行的ID值，弹出
提示框，我对jquery 不熟悉，请假高手了，项目规定 “必须”用jquery ，页面规格已定，不会在加什么多选框啊？什么的，如果有人知道，不要告诉我怎么实现，请以代码方式告诉我，非常感谢。

Answer 1

每行对应的ID值在哪呢

-----------------------------------------------

可以这样实现：

<s:iterator value="class" var="class">
    <tr classid="<s:property value="#class.id"/>">
        <td><s:property value="#class.name"/></td>
        <td><s:property value="#class.age"/></td>
        <td><s:property value="#class.className"/></td>
        <td><input type="button" value="删除"/></td>
    </tr>
</s:iterator>

//js代码
$(function(){

    $(":button").click(function(){
        //提示是否删除，防止误操作
        if(!confirm("是否将此信息删除?")) return;
        //ajax删除数据库中对应的id记录 
        var $p = $(this).parent().parent();
        var _id = $p.attr("classid");
        $.ajax({
            type: "POST",
            url: "struts.action",
            data: "id="+_id,
            success: function(data){
               alert( "删除成功！！" );
               //同时删除当前页面显示的该条记录
               $p.remove();
            }
        });
    });
    
});

Answer 2

$("table tr").click(function(evt)
{
var target = evt.srcElement || evt.target;
if(target.tagName == 'input' && target.value=='删除')

{
var rowIndex = this.rowIndex;

var table = this.parentNode;

while(table.tagName != 'TABLE')table = table.parentNode;

table.deleteRow(rowIndex);

}

});

Answer 3

我不会java，只能告诉最终的html和js

<tr rowid="5"><td>...</td><td><input type="button" value="删除" onclick="alert($(this).parents('tr:first').attr('rowid'));$(this).parents('tr:first').remove();" /></td></tr>