jQuery. Select all the elements that classname starts with

Question

If I have elements with classnames like this:

   .ses_0 .ses_1 .ses_2 .ses_3

How can I select all the elements and prepend those with some snippet? Something like this:

    var sessions = $('*[class*=ses_]');

    for (var i = 0; i < sessions.length; i++)
    {
        sessions [i].prepend("<img src='/Content/img/caticon"+i+".png' />");
    }

That doesn't work of course.

Edit: Ahhhh... damn It seems that I need to get not only those classes that start with .ses_ but also <a> elements within. How can I do that?

Basically something that works $(".ses_0 a") , only I need to get all the classes start with ses_

score 23 · Accepted Answer · edited Feb 28 '19 at 15:03

23

You're almost there:

// selects all that start with "ses_"
var sessions = $('[class^="ses_"]');

Even though your loop should work, you could also use the

sessions.each(function(index){
    this.prepend(... // and so on
});

edited Feb 28 '19 at 15:03

pjones235

540
2
18

answered Mar 23 '11 at 21:35

typeof

5,812
2
15
19

what if I need to get all the anchors (a tags) within elements which class name starts with ses_? – iLemming Mar 23 '11 at 21:55
Just add an 'a' at the beginning of the selector `$('a[class^="ses_"]');` – Andreas Mar 23 '11 at 22:03
var anchors = $('[class^="ses_"] a'); – typeof Mar 23 '11 at 22:03
My selector should work if you have the anchors inside the element with class starting with "ses_". Just tested it :). john_doe's will select the anchors with classes staring with "ses_" -- not what you asked for. – typeof Mar 23 '11 at 22:19
2

Ba careful if your element has multiple classes, it might not start by the one you're expecting. `` will not be found by `$('a[class^="ses_"]')`. See http://stackoverflow.com/a/2178504/183386 – Mart Apr 06 '13 at 12:34

score 1 · Answer 2 · answered Mar 23 '11 at 21:35

1

You can use the attribute starts with selector in jQuery: http://api.jquery.com/attribute-starts-with-selector/

Beware that it's not nearly as fast as using the regular way of selecting elements.

answered Mar 23 '11 at 21:35

Oscar

766
1
6
13

jQuery. Select all the elements that classname starts with

2 Answers2