How to select jquery elements containing a certain character string?

Question

Say I have the following:

<div id="hellokat"></div>
<div id="hellodog"></div>
<div id="byekat"></div>
<div id="byedog"></div>

I know I can select divs individually with $('#hellokat') and $('hellodog'), but I want to select all divs containing "hello" at the beginning of their ids at the same time.

score 4 · Accepted Answer · edited May 23 '17 at 11:50

4

Wildcards in jQuery selectors

Simply use regular expressions in selectors:

$("div[id^=hello]").hide();

edited May 23 '17 at 11:50

Community

1
1

answered Jul 06 '12 at 02:40

Drakkainen

1,136
9
25

score 3 · Answer 2 · answered Jul 06 '12 at 02:40

3

You could use attribute selector.

$('div[id^="hello"]')

answered Jul 06 '12 at 02:40

xdazz

154,648
35
237
264

How to select jquery elements containing a certain character string?

2 Answers2