如何找到一个带有类名的部分的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-*然后循环遍历元素为您搜索的所有类.找到后,提取数字部分.