javascript - 如何找到一个包含部分类名的div并获取该类名的剩余部分？

我的页面上有几个div，它们的类为my_widget-2，my_widget-8等。
我可以使用什么JavaScript或jQuery代码获取数字“2”(即，第一个匹配的小部件后面的数字)？

注意:如果我要再次写这个问题，我将更改这些类名的顺序，并要求获取“8”的方法，以避免给人以我想要较小的数字的印象。

最佳答案

$( "[class*='my_widget']" ).each ( function () {
    var elClasses = $( this ).attr ( 'class' ).split ( ' ' );

    for ( var index in elClasses ) {
        if ( elClasses[index].match ( /^my_widget-\d+$/ ) ) {
            var classNum = elClasses[index].split ( '-' )[1];
            alert ( classNum );
            break;
        }
    }
} );

使用“attributeContains”选择器来获取所有具有my_widget-*类的元素，然后循环遍历该元素正在搜索您的类的所有类。找到它后，请提取数字部分。