Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用jQuery/javascript检索元素的类?_Javascript_Jquery_Html_Css_Class - Fatal编程技术网

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

如何使用jQuery/javascript检索元素的类?,javascript,jquery,html,css,class,Javascript,Jquery,Html,Css,Class,我有很多这样的输入 <input id="someId" type="button" class="SomeClass" onclick="determineClass(this.id, event)" /> 它可以使用jQuery或纯javascript。。。有人知道怎么做吗 谢谢, 马特[编辑] 啊,糟糕。。。不是你的意思 $('#id').attr('class') [/edit][edit] alert($('#someId').attr('class')); 啊,糟糕。

我有很多这样的输入

<input id="someId" type="button" class="SomeClass" onclick="determineClass(this.id, event)" />
它可以使用jQuery或纯javascript。。。有人知道怎么做吗

谢谢, 马特

[编辑]

啊,糟糕。。。不是你的意思

$('#id').attr('class')

[/edit]

[edit]

alert($('#someId').attr('class'));
啊,糟糕。。。不是你的意思

$('#id').attr('class')

[/编辑]

alert($('#someId').attr('class'));
如果输入有多个类,
attr('class')
返回以空格分隔的类名列表。您可以按如下方式获取最后一个:

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

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

alert($('#someId').attr('class').split(' ').slice(-1));
请参见您将使用的:

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

但请注意,如果它有多个类,它将返回所有类的字符串,因此在这种情况下,您必须使用indexOf或正则表达式来检查特定类。

您将使用:

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


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

使用纯ol'JavaScript稍微简单一点:

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

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

使用纯ol'JavaScript稍微简单一点:

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

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

使用纯ol'javascript,如果您已经有了对元素的变量/引用,那么可以使用“element.className”将类拉出

因此,对于上面的元素“someId”:

如果为元素分配了多个类,那么这会变得更复杂一些——必须将className属性中的内容用空格分割,以便将它们分开——但这是最基本的


也就是说,如果有机会,可以使用jQuery。它通常使这类事情变得更容易。

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

因此,对于上面的元素“someId”:

如果为元素分配了多个类,那么这会变得更复杂一些——必须将className属性中的内容用空格分割,以便将它们分开——但这是最基本的


也就是说,如果有机会,可以使用jQuery。它通常使这类事情变得更容易。

他已经在使用jQuery了。不需要使用其他库。您知道,如果答案不适用于该问题,您可以删除该答案。他已经在使用jQuery。不需要使用其他库。您知道,如果答案不适用于该问题,您可以将其删除。也可以使用$('someId')[0]。className…或$('someId:first')滑动。attr('class')@David Andres-$('someId:first')表示同一ID的多个元素,大no-no。@karim79:大no,是的。在这一点上不会有分歧。也可以使用$('someId')[0]滑动。className…或$('someId:first')。attr('class')@David Andres-$('someId:first')表示同一ID的多个元素,大no-no。@karim79:大no-no,是的。在这一点上不会有分歧。