使用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>

我想找到没有＆＃39;转换＆＃39;财产，即div，带有＆＃39; id = 2＆＃39;。

我尝试了以下内容，但它只选择了具有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()

Answer 2

这很好吗

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

Answer 3

＆＃13;

＆＃13;

console.log($('#foo').find('div:not([style*="transform"])').text());

＆＃13;

<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);">111</div>
  <div id="2" style="background-color:black;">222</div>
</div>

＆＃13;

＆＃13;

＆＃13;