Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.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
Javascript 检查元素是否只有一个给定的类?_Javascript_Jquery_Class - Fatal编程技术网

Javascript 检查元素是否只有一个给定的类?

Javascript 检查元素是否只有一个给定的类?,javascript,jquery,class,Javascript,Jquery,Class,如何检查(使用jQuery)元素是否只有一个给定的类 $(#id).hasClass('class1')如果元素包含该类和另一类,则返回true。如何检查它是否只有该类?您可以获得如下所有类的列表: var classList = $('#Id').attr('class').split(/\s+/); if(classList.length == 1) //do something 你可以用 你检查一下它的长度 $('#id')[0].classList.length == 1; //

如何检查(使用jQuery)元素是否只有一个给定的类


$(#id).hasClass('class1')
如果元素包含该类和另一类,则返回
true
。如何检查它是否只有该类?

您可以获得如下所有类的列表:

var classList = $('#Id').attr('class').split(/\s+/);
if(classList.length == 1)
   //do something
你可以用

你检查一下它的长度

$('#id')[0].classList.length == 1; //returns true if element has only one class
现在通过组合检查是否只存在一个类

$('#id').hasClass('class1') && $('#id')[0].classList.length == 1
或者,您也可以简单地检查

$('#id')[0].className == 'class1'
$('#footer').attr('class').split('').length

,只需使用javascript即可获得数字

var _a = document.getElementById("demo");
var _cl = _a.classList.length;
document.write('<pre>'+_cl+'</pre>')
var\u a=document.getElementById(“demo”);
var\u cl=\u a.classList.length;
文件。书写(“”+\u cl+“”)

下面的选择器正在选择您需要的内容

检查这个例子

您可以使用
attr()
获取类属性值,并与类名
$('#id')进行比较。attr('class')=='class1'
它说“&&$(#id)”附近有一个错误。“Ilegal角色”@AndrésBuitrago现在再次检查
var _a = document.getElementById("demo");
var _cl = _a.classList.length;
document.write('<pre>'+_cl+'</pre>')
$('#id[class="desiredClass"]')