Question

I’m having a unknown number of elements like so:

<div class="item item-1"></div>
<div class="item item-2"></div>
<div class="item item-3"></div>

What I want to do, is check if each item has a classname starting with “item-“. If true, then extract the id. Something like this:

$("container").each(function
    if ($(this).hasClassNameStartingWith("item-"))
        console.debug(theId);
);

How is this possible?

Thanks in advance!

Answer 1

Use the contains selector on the class attribute:

$('container[class*=" item-"]').each( function() {
    var classID = null;
    var classes = $(this).attr('class').split( ' ' );
    for (var i = 0, len < classes.length; i < len; ++i) {
        var class = classes[i];
        if (class.match( /^item-/ )) {
            classID = class.replace("item-",'');
            break;
        }
    }
    if (classID) {
        ... do something ...
    }
});

Note the use of quotes to include the space, given your sample mark up. You could also omit the space if the “item-N” class could appear at the beginning of the list and you were sure that there weren’t any classes that would accidentally match that string.

Updated example to show how to extract identifier portion of class name.