Bind handler to multiple elements with similar IDs

Question

I have a lot of elements, the id attributes of them are something like element_num, where the num is the number of element. I want it so that when I click on one of these elements it gets deleted.

The first question is how to use a selector to find these elements (I think I need something like regex here).

The second question is how to obtain the clicked element id to delete it.

Answer 1

You can bind to all of them and delete them like:

$("[id*='element_num']").click(function() {
    // this.id is the id if you need it.
    $(this).remove();
});

The *= selector get's any element with an id containing the segment. Ideally you would wrap all these deletable items in a container so you can use DOM selection instead.

*=, .remove