Ricevi la prima e l'ultima lezione con jQuery

Question

Potrebbe essere una domanda per principianti. Ho una riga di codice come questa:

<div class="template active"> 

Ho bisogno di ottenere ogni classe per sé.

Ho provato questo codice:

$(this).attr("class"); 

Da quel codice ottengo "modello attivo". Quello di cui ho bisogno è una stringa con "template" e un'altra con "active".

Qual è la migliore funzione jQuery per questo? Esempio?

Answer 1

var classes = $(this).attr("class").split(/\s/); 

classes[0] === 'template' 
classes[1] === 'active' 

Se ci sono più di due classnames e si desidera solo per ottenere la prima & ultima (che era la tua domanda) è possibile chiamare:

classes[0] = first class 
classes[classes.length -1] = last class 

Answer 2

È possibile utilizzare il metodo Javascript split():

var classes = $(this).attr("class").split(" "); 

Answer 3

Se si sta verificando se un elemento HTML ha una classe, è possibile utilizzare .hasClass ('classname') che restituisce true o false.

Altrimenti, se stai cercando di visualizzare un elenco, penso che avrai diviso la stringa in un array. Le altre due risposte che sono state appena pubblicate ti mostreranno come. :)

Answer 4

var class= $(this).attr("class").split(" ") 
(for i in class) 
{ alert(class[i])} 

Answer 5

Penso che il this sia il modo semplice.

$(".element").last().addClass("highlight"); 

Answer 6

var class= $(this).attr("class").split(" ").pop(); 

Answer 7

È possibile farlo in questo modo anche con map: -

var ArrayData = $.map($(this).attr("class").split(' '), function(value){ 
    return value; 
}); 

alert("first class = '"+ArrayData[0]+"'"); 
alert("last class = '"+ArrayData[ArrayData.length - 1]+"'"); 

consultare LIVE DEMO

Answer 8

è possibile utilizzare: ultima

$(".element:last")