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_

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_

• javascript
• jquery

2 Answers 2

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
});

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.