-3

例如我有这张表：

id  name action
1   john x
2   doe  x

如果我在 id 为 1 时单击行中的 x ，它将被删除，我该怎么做？

$('.btnDeleteitem').live('click', function() {
            //
            $.ajax({
                url: 'wp-content/themes/twentyeleven-child/Delete.Item.php',
                type: 'post',
                data: { asin: $(this).attr('alt') },
                success:function(){
                    //
                }
            });

注意：表中的数据来自数据库

4

2 回答 2

2

小提琴 - http://jsfiddle.net/tariqulazam/s9cwt/

HTML

<table>
<tr>
    <th>Id</th>
    <th>Name</th>
    <th>Action</th>
</tr>
<tr>
    <td>1</td>
    <td>John</td>
    <td>X</td>
</tr>
<tr>
    <td>2</td>
    <td>Doe</td>
    <td>X</td>
</tr>
</table>​

查询

$(document).ready(function(){
    $("td:contains('X')").click(function(){
      $(this).parent('tr').remove();
    });
});​

如果你只想删除 id=1 的行，你可以试试这个

$(document).ready(function(){
    $("td:contains('X')").click(function(){
      if($(this).parent('tr').find('td').first().text()==1)
        $(this).parent('tr').remove();
    });
});​
于 2012-10-30T03:58:18.600 回答
0

假设您点击x了任何一行，这应该可以工作：

$(this).closest('tr').remove()

当然，您可以尝试找出更快的方法:)。if xwill always under td，你可以使用parent而不是parents太。

现在，如果你也想从数据库中删除它（正如评论中有人问的那样），你可以触发一个 ajax 调用。但是，您还需要获取行的 ID。为简单起见，您可以修改表格设计，例如：

<tr>
  <td class="recordID">1</td>
  <td>John</td>
  <td>X</td>
</tr>
<tr>
  <td class="recordID">1</td>
  <td>Doe</td>
  <td>X</td>
</tr>

Javascript：

recordID = $(this).siblings('.recordID').text();
$(this).closest('tr').remove();
$.post("/deleteRecored?id=" + recordID, function(response){ 
  //handle your response here
})
于 2012-10-30T03:53:45.300 回答