Remove Dynamic Parent Element in jQuery Mobile

Question

I'm populating a table with PHP code that talks to my database. The PHP echo's code back into the table as separate rows. Each row has a delete button and I want to make that delete button remove the row from the DOM.

echo "<tr><td data-creator='$creator'>{$comment}<a class='deleteComment' 
data-role='button' data-icon='delete' data-iconpos='notext';></a></td></tr>";

// php code ends

<script type='javascript'>

$(".deleteComment").click(function () {
$(this).parent().remove();
});
</script>

This won't work. And when I put a console.log statement into the .deleteComment function, nothing prints to the console when I click on the delete button within a row.

imwill · Accepted Answer · 2012-11-08 19:20:12Z

2

I set up a quick example. Works like a charm for me. I don't see any mistake. A more complete example of your code would be good.

Did you try to log like this? What will it show?

$(".deleteComment").click(function (err) {
    console.log(err);
});

answered Nov 8, 2012 at 19:20

imwill

6189 silver badges25 bronze badges

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

1 Comment

dcochran Over a year ago

thanks – I should have shown you the full code and you would have been able to see that I had failed to create an HTML element for the delete button. works fine now.

Collectives™ on Stack Overflow

Remove Dynamic Parent Element in jQuery Mobile

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related