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());
}
});
});