select some element by ID in jQuery

Question

Possible Duplicate:
Find all elements on a page whose element ID contains a certain text using jQuery

I need to select all elements have "user" word in their ID.

in attribute I will do it by $= but how can I do it by element ID?

You need the wildcard selector search: http://stackoverflow.com/questions/1206739/jquery-wildcard-search — Igor Zinov'yev, Sep 03 '11 at 13:44
The jQuery documentation is quite good: http://api.jquery.com/category/selectors/ — Felix Kling, Sep 03 '11 at 14:04

Madara's Ghost · Answer 1 · 2011-09-03T14:08:15.227

3

You'd do it with the use of the *= selector:

$('[id*="user"]').doStuff();

edited Sep 03 '11 at 14:08

answered Sep 03 '11 at 13:43

Madara's Ghost

The id attribute can't have spaces. The `~=` attribute selects words that are delimited by spaces. You'd need to use `*=`. – tvanfosson Sep 03 '11 at 13:46
also, the `*` at the front of the attribute selector is redundant. – Chris Sep 03 '11 at 13:46

Jason Gennaro · Answer 2 · 2011-09-03T13:53:18.817

3

You want something like this

$('[id*="user"]')

selects all elements

[id with an id

*="user" that contains user

Example: http://jsfiddle.net/jasongennaro/QXGen/2/

Here is more info on the attribute contains selector: http://api.jquery.com/attribute-contains-selector/

edited Sep 03 '11 at 13:53

answered Sep 03 '11 at 13:45

Jason Gennaro

1

the leading `*` is redundant. All CSS selectors are parsed from right-to-left, meaning the attribute selector is interpreted first, so that `*` will just slow the selector down after it gets all the elements it needs. – Chris Sep 03 '11 at 13:49
Thanks @Chris. Noted and edited above. – Jason Gennaro Sep 03 '11 at 13:53

Chris · Answer 3 · 2011-09-03T14:06:03.543

2

An attribute selector like $('[id*="user"]') will match elements with the id 'user', 'users', 'superuser', 'abusers', 'user-details', etc.

If you had a more rigid structure for your IDs and wanted to only match things like 'user' and 'super-user' etc., you could try something like:

var userWordTest = RegExp("\\b" + "user" + "\\b");
$('[id]').filter(function() { return userWordTest.test(this.id); })

edited Sep 03 '11 at 14:06

answered Sep 03 '11 at 13:44

Chris

score 2 · Answer 4 · answered Sep 03 '11 at 13:44

2

Use the contains variant of the named attribute selector with the id attribute.

$('[id*="user"]')...

answered Sep 03 '11 at 13:44

tvanfosson

4 Answers4