Выберите имя класса div с jquery

Question

Я хочу выбрать значение второго класса с помощью jquery. Например;

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

Как я могу получить "20" значение после того, как от "mb-"?

Answer 1

Если вы уже выбрали 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); 
}); 

Answer 2

Здесь образец того, что вам нужно, чтобы проиллюстрировать это, я сделал это, когда вы нажимаете div.

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

А вот FIDDLE

Answer 3

Если div s имеют более чем один класс, вы можете сделать это:

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

Это позволит получить первый класс элемента первого, второй, разделите его на - и верните номер.

Here is the updated Gonzalo Bahamondez's fiddle.