首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >没有类或ID的jQuery选择元素

没有类或ID的jQuery选择元素
EN

Stack Overflow用户
提问于 2014-05-28 07:13:25
回答 3查看 11.2K关注 0票数 4

试图找到一个选择器来获取所有既没有类又没有为它们设置id的元素。

到目前为止,我有两个不同的输出,取决于选择器中是否有一个空格:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
                                      // outputs
        var noID = $('*:not([id])');// 144 - may have a class
        var noClass = $('*:not([class])');  // 100 - may have an id

        var withSpace = $('*:not([id]) *:not([class])'); // 99 ?
        var noSpace= $('*:not([id])*:not([class])'); // 84 ?

哪个是正确的,我猜是noSpace -但我不知道。以前有人试过吗?

我的猜测是,在空间中,选择器将进入没有ID的标记中,并选择没有与它们关联的类的子元素。

noSpace结果是正确的,因为它只选择既没有类又没有id的元素集。

有人能证实一下吗?谢谢!

回答

使用此选择器查找既没有类也没有与其关联的id的元素。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('*:not([id]):not([class])');

奖金:$('body *:not([id]):not([class])'); -如果您只想处理实际内容

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-05-28 07:22:17

withSpace - $('*:not([id]) *:not([class])');将在没有ID的元素中找到没有类的所有元素。在选择器中放置一个空格就像单独调用find。

您可以将noSpace改为此类型,但仍然可以得到正确的结果:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var noSpace= $('*:not([id]):not([class])'); // second * not needed

用于测试的JSFiddle

票数 6
EN

Stack Overflow用户

发布于 2014-05-28 07:28:19

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$("*").not("[class],[id]") 

可以通过逗号分隔符继续添加属性或类或标记。

附加注释http://api.jquery.com/not-selector/

.not()方法将为您提供比将复杂选择器或变量推入:not()选择器筛选器中更易读的选择。在大多数情况下,这是一个更好的选择。

(:not)速度更快,因为它是css3选择器浏览器,但是在较旧的浏览器ie8或不支持css3的浏览器中显示一个真正缓慢的查询

http://jsperf.com/jquery-css3-not-vs-not测试结果

票数 5
EN

Stack Overflow用户

发布于 2014-05-28 07:20:01

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('*:not([id]):not([class])')

您的withSpace将选择没有类的元素和没有id的父元素。对noSpace不太确定。更新哦,实际上它做的和我的一样。所以,答案是你的最后一个选择。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23915504

复制
相关文章
JQuery干货篇之选择元素
实例 $("img:odd").css("border","thick double red");选择序号为奇数的img元素 $("img:first").css("border","thick double red") 选择第一个img元素
爱撒谎的男孩
2019/12/31
1.8K0
JQuery如何获取ID含有特殊字符的DOM元素
为业务需要,DOM元素的ID被命名为“c-order.range”,执行JQuery的DOM查询时,提示如下错误
黄啊码
2021/09/26
10.8K0
jQuery中排除指定元素,同时选择剩下的所有元素
场景:某页面用了js延时加载技术处理所有图片,以改善用户体验,但是有几个图片不想延时加载,要求把它们单独挑出来。 研究了一下jQuery的API文档,搞掂了,jQuery真的很方便,贴在这里备份: <!doctype html> <html> <head> <title>菩提树下的杨过</title> <script type="text/javascript" src="http://img.24city.com/js/jquery-1.4.3.min.js"></script> <scri
菩提树下的杨过
2018/01/22
1.7K0
类选择符和ID选择符
类选择符 HTML代码: CSS代码: div { width: 200px; height: 200px; border: 1px solid #000; margin: 20px; } .one{ box-shadow: 5px 5px 3px rgba(0,0,0,.5); } 如果想让网页中某些元素的外观与其他同类标签区分开,可以使用类选择符。 首先给选择符起一个名字,然后把这个名字指定给想装饰的HTML标签。例如上一个例子中,我就给第一个div命名为“one”。 类选择符还能精确控制某个元素的
企鹅号小编
2018/01/29
8340
Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID,反之也行!
jquery取得iframe中元素的几种方法 在iframe子页面获取父页面元素 代码如下: $('#objId', parent.document); // 搞定... 在父页面 获取iframe子页面的元素 代码如下: $("#objid",document.frames('iframename').document) $(document.getElementById('iframeId').contentWindow.document.body).html()  显示iframe中body
磊哥
2018/05/08
8.8K0
JQuery---高级类选择器
  1.1 语法:$('div:contains(edu)').css('backgroundColor','yellow');
梅花
2020/09/28
4880
纯CSS选择器控制子元素或兄弟元素的hover效果
一般 hover 效果只用在自身元素和控制子元素,那么可以直接用 CSS 控制兄弟元素的 hover 效果吗?
德顺
2019/11/13
6.4K0
纯CSS选择器控制子元素或兄弟元素的hover效果
jQuery选择器、元素属性操作--jQuery基础知识点(1)
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
奋飛
2019/08/15
6550
jQuery常用选择器【标签选择器】【id选择器】【class选择器】【集合选择器】
jQuery常用选择器 【标签选择器】 <script src="https://code.jquery.com/jquery-3.4.0.min.js"></script> <!-- 标签选择器 --> <h1>清平调</h1> <h3>李白</h3> <script> $("h1").attr("style", "font-size:3rem;text-align:center"); $("h3").attr("style", "font-s
红目香薰
2022/11/29
2.5K0
jQuery常用选择器【标签选择器】【id选择器】【class选择器】【集合选择器】
删除 WordPress 导航菜单的多余 CSS 选择器(id或class)
在默认情况下,WordPress 的导航菜单会输出很多如menu-item、menu-item-type-taxonomy、menu-item-object-category等加上 id 组成的CSS 选择器,无疑,对于一些人来说,这些选择器导致整个html 格式变得难看,看着碍眼的东西最好是将它去掉,之前Jeff 也曾有过一篇类似的文章《删除 WordPress 导航菜单的多余 CSS 选择器》,今天则介绍个通过添加过滤器来删除 WordPress 导航菜单的多余 CSS 选择器(id或class)的新方
Jeff
2018/01/19
1.6K0
删除 WordPress 导航菜单的多余 CSS 选择器(id或class)
jQuery 元素操作
jQuery 元素操作主要讲的是用jQuery方法,操作标签的遍历、创建、添加、删除等操作。
星辰_大海
2020/10/09
2.7K0
jQuery 元素操作
jquery 元素尺寸
从上面的示例可以看到,使用width()和height()分别可以获取元素div的width和height的值。
Devops海洋的渔夫
2019/06/02
1.6K0
Jquery简介选择的
Jquery一个js相框(程序代码相结合)这是一个程序开发过程中的半成品;分类似该框架EXTJS。
全栈程序员站长
2022/07/06
1.6K0
jQuery 元素操作
​ jQuery 元素操作主要讲的是用jQuery方法,操作标签的遍历、创建、添加、删除等操作。
梨涡浅笑
2022/05/08
1.9K0
jQuery 元素操作
jQuery 元素操作主要讲的是用jQuery方法,操作标签的遍历、创建、添加、删除等操作。
清出于兰
2020/10/26
1.4K0
jQuery 元素操作
jquery操作元素的位置
.offset()   在匹配的元素中,获取第一个元素的当前坐标,或设置每一个元素的坐标,坐标相对于文档。   .offset() 这个不接受任何参数。     var offset = p.offset(); //获取到这个元素的位置       p.html( "left: " + offset.left + ", top: " + offset.top ); .offset.left 元素距左面的距离 .offset
用户1197315
2018/01/19
3.4K0
jQuery通过id选择器绑定双击事件,和appendTo()方法的使用详解
下拉列表绑定一个双击事件dblclick() $("#id”).dblclick(function(){ //获取列表中所有被选中的option var alloptions = $("option:selected");//这种写法存在问题,如果已分配列表中也有被选中的option同样会被选中//不可以 var alloptions = $("#id option:selected");这种方式可以(第一种写法) var allo
挑战者
2018/06/29
1.2K0
HTML5中类jQuery选择器querySelector的使用
简介 HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素,功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多。 用法 两个方法使用差不多的语法,都是接收一个字符串参数,这个参数需要是合法的CSS选择语法。 element = document.querySelector('selectors');elementList = document.querySel
前朝楚水
2018/04/02
3.4K0
HTML5中类jQuery选择器querySelector的使用
jquery 筛选元素 (2)
.add()   创建一个新的对象,元素添加到匹配的元素集合中。   .add(selector)     selector 一个字符串表示的选择器表达式。找到更多的元素添加到匹配的元素集合。       $("p").add("div")   .add(html)     html       HTML片段添加到匹配的元素集合中。         $('li').add('<p id="new"> new paragraph</p>')   .add(elements
用户1197315
2018/01/19
1.2K0
通过css类/选择器选取元素 文档结构和遍历 元素树的文档
尽管如此,js还定义了一个方法,即一个getElementsByClassName(),是基于class属性值中的标识符来选取成组的文档元素
mySoul
2018/08/06
2K0

相似问题

没有ID或类的jQuery选择元素

31

如何选择没有id或类的元素?

23

JQuery:如何选择没有id父元素的类?

330

选择唯一没有类或ID的元素

31

如何选择没有id或类的嵌套元素?

22
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文