Question

如何检查（使用jQuery）元素是否只有一个给定的类？

如果元素具有该类，则

$(#id).hasClass('class1')返回true。我怎样才能检查它是否只有那个类？

Answer 1

您可以使用classList

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

并检查检查其长度

<script type="text/javascript">
    function popup() {
       var image = $(this).attr('src');
        w2popup.open({
            title: 'Image',
            body: '<div class="w2ui-centered"><img src="'+image+'"></img></div>'
        });
    }
</script>

现在通过组合

检查是否只有一个班级

$('#id')[0].classList

或者你也可以简单地检查

$('#id')[0].classList.length == 1; //returns true if element has only one class

Answer 2

您可以获取所有类的列表：

     $model = USER::model()->aggregate([
     ['$match' => ["_id" => ObjectId("575912d631b9a4457891d")]],
     ['$unwind' => '$events'],
     ['$match' => ["events.date" => ['$gte'=>new MongoDate(strtotime("2016-06-13 00:00:00")),'$lte'=>new MongoDate(strtotime("2016-06-20 23:59:59"))]]],
    ['$sort' => ["events.date"=>1] ],
     ['$group' => ['_id' => null, 
       "events" => ['$push' => '$events'],
       "totalSum" => ['$sum' => 'events.sum']
       ]]

 ]);

Answer 3

只有javascript和classList，您才能获得号码

var _a = document.getElementById("demo");
var _cl = _a.classList.length;
document.write('<pre>'+_cl+'</pre>')

JSFIDDLE

Answer 4

下面的

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

$('#id[class="desiredClass"]')

检查这个例子 http://codepen.io/mozzi/pen/MeeYbQ

Answer 5

$（'＃footer'）。attr（'class'）。split（''）。length

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

5 个答案: