remove table row and ajax call

Question

I want to remove remove table row from table and subsequently remove the item from database also.

The html generated is from ajax call at page load that gets the html from the php file.

$.ajax({
    type: "GET",
    url: "http://localhost/zabjournal/author/submit/progress",
    data: {returnSubmissions:1},
    success: function(response) {
            $('#activeSubmissions').html(response);
    }
});

In that PHP file I have define like this

$str = '<table class="zebra-striped">';
$i=1;
foreach ( $arr as $article)
{
        $str.= "<tr id=".$article->article_id.">
        <td>".$i."</td>
        <td>".$article->first_name." ".$article->last_name."</td>
        <td>".$article->title."</td>
        <td>".$article->date_submitted."</td>
        <td>
            <a class='btn primary'>View</a>
            <a class='btn'>Edit</a>
            <a class='btn error'>Delete</a></td>
        </td>
        </tr>";
    $i++;           
}
$str.='</tbody></table>';

echo $str;

Its my jQuery function to remove the table row

    $('a.btn error').click(function(){
    alert('az'); //alert wasnt even called
    var id = $(this).closest('tr').attr("id");
        $.ajax({
            type: "POST",
            url: "http://localhost/zabjournal/author/submit/progress",
            data: {article_id:id},
            success: function(response) {
             alert(id);
            }
        });
    });

But when I click the delete button, there is no action?

Mordhak · Accepted Answer · 2012-03-27 13:50:15Z

1

with your selector, you are searching a tag "error" inside a tag "a" which has class "btn".

Try replacing :

$('a.btn error')

by :

$('a.btn.error')

In this case you will correctly search a tag "a" with both classes "btn" and "error".

answered Mar 27, 2012 at 13:50

Mordhak

2,6562 gold badges22 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

SupaOden Over a year ago

Its still not being called, I have checked from my code, I dont know what is causing this.

Mordhak Over a year ago

Have you checked your generated html table ? Can you show us the result ? Edit : Oh, just found another mistake in your code : "$str.='</tbody></table>';" => You are closing "tbody" which is not opened before in your code.

SupaOden Over a year ago

well that must have been mistake in formatting code here, but the html is fine on notepad++

SupaOden Over a year ago

Also I am placing the table in a div element

Mordhak Over a year ago

So is your alert('az') called with all remarks i did ? i tried a simple example in jsfiddle and it works for me

|

Collectives™ on Stack Overflow

remove table row and ajax call

1 Answer 1

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related