jquery - jqueryを使用してtdからテーブル行ベースを削除するにはどうすればよいですか?

Question

たとえば、次のテーブルがあります。

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(){
                    //
                }
            });

注: テーブルのデータはデータベースからのものです

Answer 1

フィドル-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>​

JQUERY

$(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();
    });
});​

Answer 2

x任意の行をクリックすると、これが機能するはずです。

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

あなたがそれを理解しようとするより速い方法は確かにあります:)。x常に下にある場合は、あまりにもtd使用できません。parentparents

データベースからも削除したい場合は（誰かがコメントで尋ねたように）、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
})