jQuery: estrarre dati dalle classi HTML

L'attributo HTML class viene spesso utilizzato per eseguire delle azioni JavaScript particolari sugli elementi. Altrettanto spesso gli elementi possono avere più di una classe, quindi è necessario operare una selezione per estrarre solo il valore che ci interessa nel caso che le classi vengano usate per memorizzare dati. Vediamo come procedere con jQuery.

Dato il seguente elemento:

<div id="test" class="test-1 test-2 test-3"></div>​

Ecco come estrarre la terza classe (terza stringa):

var $class = $('#test').attr('class');
var $classes = $class.split(' ');
var myClass = '';

$.each($classes, function(i, v) {
    var $cls = v;
    var parts = $cls.split('-');
    if(parts[1] == '3') {
        myClass = $cls;
    }
});

alert(myClass); // test-3​

Potete visionare l'esempio finale in questa pagina.