how to remove multiple table row using Jquery

Question

I have dynamic table with unique row id e.g , , , also having checkbox for every row.

using jquery i fetch all the selected ids (comma separated, e.g 1,25,4) of that checkboxes. All i need to remove those selected tr's after jquery success. see my below code:

getting comma separated ids:

var ids = $(".chk:checked").map(function() {
                    return this.id;
                }).get().join(",");

condition:

if(response == 0){
                            alert('Sorry! There is some problem in server, try again.');
                            return false;
                        }else {
                            alert("Successfully removed from library.");
                            $('#tr_'+ids).remove();
                        }

Can you create a working snippet (using the [<>] button when you edit your post) with some HTML content ? — Takit Isy
– Takit Isy, Commented Dec 19, 2018 at 13:29
i have edit my question and also attached image, please have a look — Muhammad Khurshid
– Muhammad Khurshid, Commented Dec 19, 2018 at 13:32
An image is not helpful to actually launch the script, see what happens, and debug the problem… Can't you add some of your HTML to create a snippet ? — Takit Isy
– Takit Isy, Commented Dec 19, 2018 at 13:34

Ross Taggart · Accepted Answer · 2018-12-19 14:56:48Z

1

If you add all ids to an array you can then use this to remove the rows

$.each(ids, function(key, val){
    $('#tr_' + val).remove();
});

edited Dec 19, 2018 at 14:56

answered Dec 19, 2018 at 13:46

Ross Taggart

514 bronze badges

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

Comments

charlietfl · Accepted Answer · 2018-12-19 13:43:06Z

0

$('#tr_'+ids) would end up looking like $('#tr_1,3,7,9') which is an invalid selector

You could do things like:

$("tr").has('.chk:checked').remove()

// OR 

$(".chk:checked").closest('tr').remove()

answered Dec 19, 2018 at 13:43

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Collectives™ on Stack Overflow

how to remove multiple table row using Jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related