将jquery .on事件绑定到具有动态ID的动态按钮

Question

I have a situation where i need to bind an onclick event to a button which is being dynamically injected into the main html document by an external javascript.

The problem is that that the class id of the button is suffixed with some dynamic numbers which change every time the page is reloaded.

Please see example:

<button class="clickme12345" type=submit value=clickme>send</button> 

Wo the situation is that on every page reload the numbers for the class id for the button will change so next time it will be clickme67890.

Would there be any way to get the jQuery binding to work for this situation?

Any reply would be greatly appreciated.

Answer 1

If this is really how you want to use it, you could use an attribute selector

Something like [attr*=value] where the attr contains the string value .

For example (in jQuery):

var $btnElement = $('[class*="clickme"]');

The above will select any elements that have a class attribute containing clickme