使用jQuery获取第一个和最后一个类

可能是一个新手问题。 我有这样的代码行：

我需要为自己获得每个课程。

我试过这段代码：

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

从那个代码我得到“模板活跃”。 我需要的是一个带有“模板”的字符串和另一个带有“活动”的字符串。

什么是最好的jQuery函数？ 例？

Answer 1

 var classes = $(this).attr("class").split(/\s/); classes[0] === 'template' classes[1] === 'active' 

如果有两个以上的类名并且您只想获得第一个和最后一个（这是您的问题），您可以致电：

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

Answer 2

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

Answer 3

您可以使用Javascript split（）方法：

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

Answer 4

如果您正在检查HTML元素是否有类，则可以使用返回true或false的.hasClass（’classname’）。

否则，如果您正在尝试查看列表，我认为您已将字符串拆分为数组。 刚发布的另外两个答案将向您展示如何。 🙂

Answer 5

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

Answer 6

我认为这是一种简单的方法。

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

Answer 7

您也可以使用map这样做： –

 var ArrayData = $.map($(this).attr("class").split(' '), function(value){ return value; }); alert("first class = '"+ArrayData[0]+"'"); alert("last class = '"+ArrayData[ArrayData.length - 1]+"'"); 

参考现场演示

Answer 8

你可以使用：last

 $(".element:last")