when i clicked on delete button it only ask for first id. after next id don't ask confirmation box why?

Question

This is blade.php code

 <a id="delProduct" href="{{ url('/admin/delete-product/'.$product->id) }}" class="btn btn-danger btn-mini">Delete</a>

This is javascript code

 $("#delProduct").click(function(){
    if(confirm('Are you sure want to delete this Product ?')){
        return true;
    }else{
        return false;
    }
});

you should use classes instead of ID's: [info](https://css-tricks.com/the-difference-between-id-and-class/#article-header-id-1) — kwyntes, May 07 '18 at 12:47
A ID (identifier) needs to be unique. Your query for `$('#delProduct')` targets only the first element with that ID found. As @qjnr said, use a class instead. After that, `.click` shouldn't be used. Use `.on` instead `$('.delProduct').on('click', function() {...});` — baao, May 07 '18 at 12:51
You have a single `` and a single click event for that ``. What "next id" are you referring to? What exactly is the problem? — David, May 07 '18 at 12:51
Why did you tag MySQL? MySQL has nothing to do with your problem. This is a JavaScript question. — kwyntes, May 07 '18 at 12:57
Possible duplicate of [jQuery id selector works only for the first element](https://stackoverflow.com/questions/11114622/jquery-id-selector-works-only-for-the-first-element) — Nico Haase, May 07 '18 at 12:59

score 2 · Answer 1 · answered May 07 '18 at 12:52

You should use classes instead of ID's.
From CSS-Tricks.com:

ID's are unique

Each element can have only one ID

Each page can have only one element with that ID

Classes are NOT unique

You can use the same class on multiple elements.

You can use multiple classes on the same element.

Your selector (#delProduct) only targets the first element found with the specified ID, as explained in this answer.

when i clicked on delete button it only ask for first id. after next id don't ask confirmation box why?

1 Answers1