jquery-selectors - 使用 jQuery 查找元素的动态类名

Question

我有未知数量的元素，如下所示:

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

我想做的是检查每个项目是否有一个以“item-”开头的类名。如果为 true，则提取 id。像这样的事情:

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

这怎么可能？

提前致谢!

Answer 1

在类属性上使用包含选择器:

$('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 ...
    }
});

请注意，考虑到您的示例标记，请使用引号来包含空格。如果“item-N”类可能出现在列表的开头并且您确定没有任何类会意外匹配该字符串，您也可以省略空格。

更新了示例以展示如何提取类名的标识符部分。