WordPress: How to prevent the function in one plugin used by another?

I create WordPress Plugin A with button whose id is ‘convert-button’ and there is a JS function like below:

$(‘#convert-button’).on(‘click’, function() {

However, in Plugin B, there is also a button with id ‘convert-button’, and it also has a function like below:

$(‘#convert-button’).on(‘click’, function() {

Now the problem is when I click the “convert” button in Plugin A, both onclick functions in two plugins will be called. How to prevent this? One way is to rename the id of the button, but there are many such buttons and it is time-consuming to rename all of them. Is there better solution for such a case?