使用CSS选择器查找在特定属性下不包含特定属性的div

Question

我有以下情况:

<div id="foo">
   <div id="1" style="transform:translate3d(5px,5px,5px);"></div>
   <div id="2" style="background-color:black;"></div>
</div>

我想找到没有'transform'属性的div,即div为'id = 2'.

我尝试了以下,但它只选择具有transform属性的div,我想要完全相反.

$('#foo').find('div[style*="transform"]');

Answer 1

$('#foo').find('div:not([style*="transform"])').css('color','red')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="foo">
   <div id="1" style="transform:translate3d(5px,5px,5px);">1</div>
   <div id="2" style="background-color:black;">2</div>
</div>

1. 使用 :not()