Select element with complex ID pattern

Question

Select element with complex ID pattern

I have a set of buttons like this:

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

This button has no class, so I need to select them by their ID. The "grid" part of the identifier is static and the same for all buttons. I found this answer , but I don't want to use $("[id^=grid]")

it because some other element with the initial ID "grid" might exist. Can anyone help me?

+3

javascript jquery regex

hamed 08 june 15 at 11:06

source to share

4 answers

Denys Séguret · Answer 1 · 2015-06-08T11:09:31+0000

To select buttons with regex you can use filter

like this:

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

Rohit arora · Answer 2 · 2015-06-08T11:09:43+0000

Try the following:

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

lshettyl · Answer 3 · 2015-06-08T11:19:20+0000

You can also combine attribute selectors as shown below if all of your buttons start with grid

and end with Btn

.

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

-A Demo -

Raúl Martín · Answer 4 · 2015-06-08T11:38:37+0000

You can combine!

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

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

or you can mix with Denis Seguret aproach

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

it's faster than just a filter.

Select element with complex ID pattern

More articles: