Question

所以我要说三个div

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

有没有办法选择没有任何课程的div？我不知道DOM中元素的顺序，所以使用像.next()这样的东西是行不通的。

Answer 1

尝试使用：not（）伪类选择器：

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

Answer 2

$('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

Answer 3

你可以通过css或者通过jquery分开div没有类。示例如下所示。两者都可以过滤没有class属性的元素。在css中，它使用not selector选择div而不使用class。而在Jquery中，方法与css相同。

＆＃13;

<!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>

＆＃13;

Answer 4

编辑：当问题发生变化时，不要认为downvotes是公平的。

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

没有类的jQuery选择器元素

4 个答案: