javascript - 如何找到具有部分类名的 div 并获取该类名的剩余部分？

Question

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

注意:如果我再写这道题，我会改变这些类名的顺序，并要求一种方法得到“8”，以免给人留下我想要较小数字的印象。

Answer 1

$( "[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-* 类的元素，然后循环遍历该元素搜索您的类的所有类。找到后，提取数字部分。