jQuery on click gets the same data attribute value every time

Question

I have the following code:

$('body').on('click','#confirm_remove',function(){
  alert($(this).data('whattoremove'));
});

The #confirm_remove is a button id inside a bootstrap modal, who's data attribute (whattoremove) gets updated every time the modal opens - this is verified, but for some reason the data in the jQuery function has the same value on every click - this is the value of the first time it was clicked.

Any ideas on how to fix this.

Please share you HTML code.

Shiladitya
– Shiladitya

2017-10-22 13:24:25 +00:00
Commented Oct 22, 2017 at 13:24 — Shiladitya
– Shiladitya, Commented Oct 22, 2017 at 13:24

mscdeveloper · Accepted Answer · 2017-10-22 13:58:36Z

1

try this:

$('#confirm_remove').click(function(){
  alert( $('#confirm_remove').attr('whattoremove') );
});

answered Oct 22, 2017 at 13:58

mscdeveloper

2,9391 gold badge13 silver badges19 bronze badges

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

1 Comment

Joe C Over a year ago

While you may have solved this user's problem, code-only answers are not very helpful to users who come to this question in the future. Please edit your answer to explain why your code solves the original problem.

Collectives™ on Stack Overflow

jQuery on click gets the same data attribute value every time

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