Question

页面包含几个包含类的跨度：

<span class="system-on blue">1</span>
<span class="system-on">4</span>
<span class="system-on blue">0</span>

我想jQuery检测这些跨度中是否有完全一个名为 system-on 的类然后执行某些操作。我试过这种方式，但它不起作用：

if ($('.system-on.blue').length) {               //detects spans with two classes
 //do nothing
}
else //do something

Answer 1

如果您的意思是仅 system-on类，则可以使用等于选择器的属性：

if ($("span[class=system-on]").length) {
    // do nothing
}
else {
    // do something
}

以下是显示选择器工作的示例：Live Copy

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>Attribute Equal Selector with Class</title>
</head>
<body>
  <span class="system-on blue">1</span>
  <span class="system-on">4</span>
  <span class="system-on blue">0</span>
  <script>
    $("span[class=system-on]").css("color", "red");
  </script>
</body>
</html>

Answer 2

演示：http://jsfiddle.net/BEjry/1/

$(document).ready(function()
{
    $( "span" ).each(function(  ) {
        if( $( this ).attr("class") == "system-on" ){
            alert($( this ).text());
        }
});
});

如何检测是否有任何span只包含一个特定的类？

2 个答案: