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

标签 javascript jquery html css

我有以下情况:

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

我想找到没有“转换”属性的 div,即带有“id = 2”的 div。

我尝试了以下方法,但它只选择了具有转换属性的 div,我想要完全相反的。

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

最佳答案

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

关于javascript - 使用 CSS 选择器在特定属性下查找不包含特定属性的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44159104/

相关文章:

javascript - Jquery:每个语句只影响第一个项目

html - 使用 CSS 类的动画

php - 如何让用户以表单形式提交文本并使用 AJAX 将其输入到数据库并显示在同一页面上?

javascript - 如何使用 jquery 在 Django 中提供图像

javascript - 在 react.js 中扩展样式对象

具有表格单元格高度问题的HTML表单

javascript - 如何使用 Angular 2 更改按钮单击时输入标签的禁用属性

javascript - 将一个页面重定向到另一个页面 10 秒,然后再次重定向回原始 URL

javascript - 向我自己的 API 发送请求以更改未更新的数据库。我想更新数据库

javascript - 插入功能不起作用