Zdobądź pierwszą i ostatnią klasę z jQuery

Może to być pytanie dla początkujących. Mam linię kodu podobną do poniższej:Zdobądź pierwszą i ostatnią klasę z jQuery

<div class="template active">

Muszę zdobyć każdą klasę dla siebie.

Próbowałem ten kod:

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

Od tego kodu otrzymuję "szablon aktywny". Potrzebuję tylko jednego ciągu z "szablonem" i drugiego z "aktywnym".

Jaka jest najlepsza funkcja jQuery? Przykład?

Źródło

2011-02-02 Jens Törnell

tr y to ... $ (this) .attr ("class"). split (""); – Vivek

Wiele osób sugeruje, że to działa. Dzięki, zagłosuj. –

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

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

Jeśli istnieją więcej niż dwie ClassNames i chcesz tylko zdobyć pierwszy & ostatni (który był zapytanie) można nazwać:

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

Źródło

2011-02-02 09:07:36 jAndy

Jaka jest różnica między .split (/ \ s /) a just .split ("")? –

@Jens: '/ \ s /' dopasowuje wszystkie możliwe znaki białych znaków, nie tylko spację. – jAndy

Można użyć metody JavaScript split():

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

Źródło

2011-02-02 09:07:20

Jeśli sprawdzasz, czy element HTML ma klasę, możesz użyć .hasClass ("classname"), która zwróci wartość true lub false.

W przeciwnym razie, jeśli próbujesz wyświetlić listę, myślę, że podzielisz ciąg znaków na tablicę. Pozostałe dwie odpowiedzi, które zostały właśnie opublikowane, pokażą Ci, jak to zrobić. :)

Źródło

2011-02-02 09:08:03

Próbowałem hasClass, ale nie działa w moim przypadku. Działa dobrze w innych przypadkach. Mimo to i tak daję wam głos. –

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

Źródło

2011-02-02 09:09:46 Vivek

Myślę, że this to prosta droga.

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

Źródło

2012-04-26 16:06:12

Myślę, że to dodawałoby klasę "highlight" do ostatniego elementu. Oryginalny plakat wydaje się chcieć uzyskać dostęp do ostatniej nazwy klasy, a nie ostatniego elementu. – Squig

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

Źródło

2012-09-26 00:15:32 Talaveriux

Można to zrobić w ten sposób zbyt korzystając map: -

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

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

Patrz LIVE DEMO

Źródło

2012-12-04 12:07:20

można użyć: Ostatni

$(".element:last")

Źródło

2013-06-14 00:23:28

Zdobądź pierwszą i ostatnią klasę z jQuery

Odpowiedz

Powiązane problemy