没有类的jQuery选择器元素

jQuery selector element with no class

本文关键字：选择器 元素 jQuery      更新时间：2023-09-26

我们设三个div 

<div class="a"></div>
<div class="b"></div>
<div></div>
     .
     .
<div class="n"></div>

是否有一种方法来选择没有任何类的div ?我不知道DOM中元素的顺序，所以使用.next()之类的东西是行不通的。

试试:not()伪类选择器:

$('div:not([class])')

编辑:当问题改变时，不要认为不公平。

 $('div:not([class])')


$('div:not(.a, .b, .n)').addClass('red')
.red{color:red}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="a">123</div>
<div class="b">123</div>
<div>123</div>
<div class="n">123</div>

您可以使用:not()来排除div

您可以通过css或jquery分开的div没有类。示例如下所示。两者都可以过滤没有class属性的元素。在css中，它使用not选择器选择没有class的div。在Jquery中方法和css一样

<!doctype html>
<html>
	<head>		
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
		<style>
			div:not([class]){ color: red; }
		</style>
		<script>
			$(document).ready(function(){
				var noClassElement = $('div:not([class])');
				console.log(noClassElement)
			});
		</script>
	</head>
	
	<body>
		<div class="a">sdf df sfsdf</div>
		<div class="b">sdfsdsdsdf</div>
		<div>dfgdfg</div>
		<div class="n">sdfsdf</div>
	</body>
</html>

相关文章：