Выберите элемент со сложными ID шаблона

Question

Я набор кнопок, как это:

<button id="grid1_createBtn">Create</button> 
<button id="grid1_updateBtn">Update</button> 
<button id="grid2_createBtn">Create</button> 
... 

Эти кнопки не имеют какого-либо класса, так что мне нужно, чтобы выбрать их с помощью их ID. Часть «сетки» идентификатора является статической и одинаковой для всех кнопок. Я нашел this answer, но я не хочу использовать ​$("[id^=grid]"), потому что может существовать какой-то другой элемент с начальным идентификатором «сетка». Может кто-нибудь мне помочь?

Answer 1

Для выбора кнопок с регулярным выражением, вы можете использовать filter так:

$('button').filter(function(){ 
    return /^grid\d+_\w+Btn$/.test(this.id) 
}) 

Answer 2

Попробуйте это:

var id= 1; 
$("button[id*='grid" + id+ "_createBtn']"); 

Answer 3

Вы можете также комбинировать селекторы атрибутов, как показано ниже, пока все ваши кнопки начинаются с grid и заканчиваются Btn.

$('button[id^="grid"][id$="Btn"]') 

-A Demo-

Answer 4

Вы можете комбинировать!

$("[id^='grid'][id$='Btn']") 

$("[id^='grid'][id$='Btn'][id*='_']") 

или вы можете смешать с Denis Séguret ПОДХОД

$("button[id^='grid']").filter( 
    function(){ 
     return /^grid\d+_(create|update)Btn$/.test(this.id); 
    } 
) 

это быстрее, чем только фильтр.