Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/haskell/9.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 如何检测任何跨度是否恰好包含一个特定类?_Jquery - Fatal编程技术网

Jquery 如何检测任何跨度是否恰好包含一个特定类?

Jquery 如何检测任何跨度是否恰好包含一个特定类?,jquery,Jquery,页面包含几个带有类的跨距: <span class="system-on blue">1</span> <span class="system-on">4</span> <span class="system-on blue">0</span> 如果您的意思是它只有类上的系统,则可以使用属性等于选择器: if ($("span[class=system-on]").length) { // do nothing }

页面包含几个带有类的跨距:

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

如果您的意思是它只有类上的
系统,则可以使用属性等于选择器:

if ($("span[class=system-on]").length) {
    // do nothing
}
else {
    // do something
}
下面是一个显示选择器工作的示例:


具有类的属性相等选择器
1.
4.
0
$(“span[class=system on]”)css(“颜色”、“红色”);

如果您的意思是它只有类上的
系统,您可以使用属性等于选择器:

if ($("span[class=system-on]").length) {
    // do nothing
}
else {
    // do something
}
下面是一个显示选择器工作的示例:


具有类的属性相等选择器
1.
4.
0
$(“span[class=system on]”)css(“颜色”、“红色”);
演示:

演示:


document.getElementById('divId').className.split(/\s+/);获取类名称Document.getElementById('divId').className.split(/\s+/)的列表;获取一个类名列表
$(“span[class=system on]”)
?@ArunPJohny:很好,问题确实特别提到了“span”。非常好!卢卡斯:不用担心。或者我应该指出,如果您希望span使用
system on
而不是
blue
(但可能使用其他类),您可以使用
$(“span.system on”)。而不是(“.blue”)。length
。因此,这取决于您的用例。
$(“span[class=system-on]”
?@ArunPJohny:好的,问题确实明确地说了“span”。非常好!卢卡斯:不用担心。或者我应该指出,如果您希望span使用
system on
而不是
blue
(但可能使用其他类),您可以使用
$(“span.system on”)。而不是(“.blue”)。length
。因此,这取决于您的用例。
<!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>
$(document).ready(function()
{
    $( "span" ).each(function(  ) {
        if( $( this ).attr("class") == "system-on" ){
            alert($( this ).text());
        }
});
});