使用jquery选择div类名

时间:2015-04-04 01:02:33

标签: jquery class classname

我想用jquery选择第二类值。例如;

<div class="mb-20"></div>

如何从“mb-”获得“20”值?

3 个答案:

答案 0 :(得分:1)

这里有一个你需要的样本,用来说明当你点击div时我做了这个。

// The selector just get all class starting with mb
$('[class^="mb"]').on('click', function() {
   alert($(this).attr('class').split('-')[1]);
});

这是FIDDLE

答案 1 :(得分:0)

如果您已经选择了div,则可以迭代它的类,并在连字符上拆分每个类。有点像...

$.each($('div').attr('class').split(/s+/), function(idx, val) {
    var parts = val.split('-');
    var classBase = parts[0];
    var classModifier = parts.length > 1 ? parts[1] : null;

    if(classModifier !== null) alert("found class modifier" + classModifier);
});

答案 2 :(得分:0)

如果div有多个课程,您可以这样做:

$('[class^="mb"]').on('click', function() {
     alert($(this).attr('class').split(' ')[0].split('-')[1]);
});

这将首先获得元素的第一类,其次,将其与-分开并返回数字。

Here is the updated Gonzalo Bahamondez's fiddle.