Question

For example I have this table:

id  name action
1   john x
2   doe  x

If I click x in the row when id is 1 it will be remove, how can I do that?

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

Note: data from table is from database

Answer 1

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

if you want to delete only the rows that has id=1 you can try this

$(document).ready(function(){
    $("td:contains('X')").click(function(){
      if($(this).parent('tr').find('td').first().text()==1)
        $(this).parent('tr').remove();
    });
});​