如何使用jQuery / javascript检索元素的类？

Question

我有很多像这样的输入

<input id="someId" type="button" class="SomeClass" onclick="determineClass(this.id, event)" />

从javascript我想获得课程，每个输入都有所不同。

function determineClass(id, e) {
    var elementClass = //Somehow get the class here
}

它可以使用jQuery或只是简单的javascript ...有谁知道怎么做？

谢谢， 马特

Answer 1

alert($('#someId').attr('class'));

如果您的输入有多个类，attr('class')将返回以空格分隔的类名列表。您可以按如下方式获取最后一个：

alert($('#someId').attr('class').split(' ').slice(-1));

请参阅Attributes/attr

Answer 2

[编辑]

啊废话......不是你的意思......

$（ '＃标识'）ATTR（ '类'）;

[/编辑]

Answer 3

你会使用：

$（ '＃someId'）。ATTR（ '类'）

但要注意，如果它有多个类，它将返回所有类的字符串，因此在这种情况下你必须使用indexOf或regex来检查特定的类。

Answer 4

使用普通的'JavaScript：

更简单一些

function determineClass(id, e)
{
  var elem = document.getElementById(id);

  if(elem)
  {
    alert(elem.className);
  }
}

Answer 5

使用普通ol'javascript，如果你已经有了元素的变量/引用，你可以使用“element.className”拉出类

所以，对于上面的元素“someId”：

element = document.getElementById('someId');
if(element) elementClass = element.className

如果你有多个类分配给元素，这会变得有点复杂 - 你必须用class来分割你在className属性中找到的东西才能将它们分开 - 但这就是基础知识。

那就是说，如果你有机会，请使用jQuery。它通常使这种事情变得更容易。