Add The same button-ui icons to the different buttons with unique IDS

Question

Hi, I have a series of buttons and some share the same icons. Presently I'm doing:

        $("#addNewStory").button({icons: {primary: 'ui-icon-plus'}});
    $("#addNewCampaign").button({icons: {primary: 'ui-icon-plus'}});
    $("#addNewAdItem").button({icons: {primary: 'ui-icon-plus'}});

Is there a neater way?

Thx

Answer 1

OK, sorry, should have tried it first. Solution was just:

$("#addNewStory, #addNewCampaign, #addNewAdItem").button({icons: {primary: 'ui-icon-plus'}});

Answer 2

You can do multiple selectors in the same statement

$("#addNewStory, #addNewCampaign, #addNewAdItem").button({icons: {primary: 'ui-icon-plus'}});

Answer 3

In the general case, if you want to make all elements having id "addNewXXX" to have that button, you could use

        $("[id^='addNew']").button({icons: {primary: 'ui-icon-plus'}});