正文 

当前位置： 首页 > 问答 >

CSS 选择器有效，jquery 选择器无效（仅 IE 问题）

     2023-05-09     15

关键词：

【中文标题】CSS 选择器有效，jquery 选择器无效（仅 IE 问题）【英文标题】：CSS selector works, jquery selector doesn't (IE only issue) 【发布时间】：2012-01-20 08:08:05 【问题描述】：

请注意，以下是仅 IE 的问题（像往常一样...）

我有以下 HTML 代码：

<input id="foo" type="checkbox" checked="checked" />
<label for="foo">
  <span>some foo text</span>
</label>

我有一个完美运行的 CSS 规则：

#foo + label > span  
    display: block;
    line-height: 1em;
    padding: 0.4em 1em;
    cursor: pointer;
    text-align:center;
    text-decoration:none;

然后我有一个 CSS 选择器，它与不返回任何内容的相同 CSS 选择器匹配：

var textVal = $("#foo + label > span").text();

但由于某种原因，如果我使用以下行，它将返回正确的值：

var textVal = $("#foo + label").html() or .text()

我真的很想选择标签的跨度，因为我想更改它的文本并且不想每次都附加一个新的跨度。

谢谢，

编辑：

有趣的是，如果我执行以下操作...

var label = $("#foo + label");
var textVal = $(">span",label).text();

【问题讨论】：

【参考方案1】：

尝试以下方法：

var textVal = $("label[for='foo'] span").text();

【讨论】：

是的，我的编辑工作。但我仍然不明白为什么我的第一个选择器不起作用。因为选择器 $("#foo + label") 的第一部分工作得很好【参考方案2】：

这对我来说在 IE8 中工作。可能是因为您没有关闭 checked="checked 上的 "？

示例：http://jsfiddle.net/mEAYr/

【讨论】：

这只是 *** 出于某种原因没有显示它。哦，顺便说一句，我使用的是 IE7

哪些字符在 CSS 类名/选择器中有效？

】哪些字符在CSS类名/选择器中有效？【英文标题】：WhichcharactersarevalidinCSSclassnames/selectors?【发布时间】：2010-10-0117:30:11【问题描述】：CSS类选择器中允许使用哪些字符/符号？我知道下面的字符是无效的，但是哪些字符是有效的... 查看详情

哪些字符在 CSS 类名/选择器中有效？

】哪些字符在CSS类名/选择器中有效？【英文标题】：WhichcharactersarevalidinCSSclassnames/selectors?【发布时间】：2010-10-0117:30:11【问题描述】：CSS类选择器中允许使用哪些字符/符号？我知道下面的字符是无效的，但是哪些字符是有效的... 查看详情

jquery学习笔记-选择器

　　Jquery选择器与CSS选择器非常相似，CSS选择器提供诸多功能，同时两者在解析上均采用从右向左解析，因为在建立RenderTree时，若采用自左向右解析，没词匹配不成功均需要退回再进行匹配，而反向解析利用排除法，逐步缩小... 查看详情

正则表达式将缺失的选择器添加到无效的 CSS

】正则表达式将缺失的选择器添加到无效的CSS【英文标题】：RegextoaddmissingselectorstoinvalidCSS【发布时间】：2016-06-1002:47:08【问题描述】：我正在尝试像这样转换无效的CSS：color:red并使它像这样有效：.missing_selectorcolor:red示例CSS：ac... 查看详情

非法 CSS 选择器

】非法CSS选择器【英文标题】：IllegalCSSSelector【发布时间】：2013-06-0320:06:24【问题描述】：我想将此CSS选择器与Seleniumwebdriver一起使用#coordinatonTable.odd:not(:has(.dataTables_empty))我收到“指定的字符串无效或非法”错误。我尝试了w3sch... 查看详情

jQuery：啥更有效？许多 ID 特定选择器，或一个“包含前缀选择器”

】jQuery：啥更有效？许多ID特定选择器，或一个“包含前缀选择器”【英文标题】：jQuery:Whatismoreefficient?ManyIDspecificselectors,orone"ContainsPrefixSelector"jQuery：什么更有效？许多ID特定选择器，或一个“包含前缀选择器”【发布... 查看详情

css选择器jquery选择器异同

css选择器用$("")包起来就成了jQuery选择器 CSS选择器jQuery选择器ID选择器#myID$(‘#myID‘)类选择器.myclass$(‘.myclass‘)标签选择器p$(‘p‘)层次选择器div>strong$(‘div>strong‘)css称为伪类选择器jQuery称之为过滤选择器p:nth-child(1)$(... 查看详情

JQuery DatePicker 仅限于有效日期？

...：2011-10-2018:11:15【问题描述】：我目前正在使用JQuery日期选择器，但它似乎并没有强制只输入有效日期。这可能吗？例如，它将允许我在日期字段中手动输入22/22/22。最后一个结果是否可以只允许用户通过选择器弹出窗口输入日... 查看详情

IE 中的 jQuery CSS 选择器

】IE中的jQueryCSS选择器【英文标题】：jQueryCSSselectorsinIE【发布时间】：2010-09-1606:11:15【问题描述】：以下在Firefox中有效，但在IE7和8中中断：$("#my-first-div,#my-second-div").hide();所以我必须这样做：$("#my-first-div").hide();$("#my-second-div").h... 查看详情

jquery选择器

1.jQuery简单选择器1.1id选择器$("#div").css("background","red");1.2class选择器$(".div").css("background","red");1.3标签选择器$("div").css("background","red"); 2.jQuery进阶选择器2.1群组选择器$(".div","#div","div").css("back 查看详情

jquery 选择器与 css3 选择器的性能

】jquery选择器与css3选择器的性能【英文标题】：Performanceofjqueryselectorsvscss3selectors【发布时间】：2012-02-0807:02:41【问题描述】：我对css3使用选择器（或一般的简单css选择器）相当陌生，我对这些css选择器与jquery或javascript选择器... 查看详情

如何将 jQuery 日期选择器转换为仅选择月份和年份？

】如何将jQuery日期选择器转换为仅选择月份和年份？【英文标题】：HowtoconvertjQuerydatepickertoselectonlymonthandyear?【发布时间】：2013-12-2705:56:59【问题描述】：我尝试使用日期格式，它工作但也显示日期。我正在尝试一种仅选择月份... 查看详情

jquery选择器

 JQ选择器与CSS/CSS3选择器非常类似，对于学过CSS/CSS3的朋友来说可以是快速上手,下面总结了比较常用的选择器。ID选择器$(‘#one‘)　　　　　　(‘#‘代表ID)CLASS选择器$(‘.two‘)　　　　 　　(‘.‘代表类)元素选择器$(‘u... 查看详情

jquery:自学笔记——jquery选择器

jQuery:自学笔记(2)——jQuery选择器基本选择器　　说明　　　　　jQuery的基本选择器与CSS的选择器相似：　　　　　　实例　　　　标签选择器　　　　//使用标签选择器更改字体大小　　　　　　$(div).css(‘font-size‘,‘18px‘)　... 查看详情

锋利的jquery学习笔记之jquery选择器

在介绍jQuery选择器之前，先简单介绍一下CSS选择器--->一、CSS选择器常见的CSS选择器有以下几种：选择器语法描述示例标签选择器E{CSS规则}以文档元素为选择符td{font-size:10px;}a{tetx-decoration:none;}ID选择器#ID{CSS规则}以文档元素的唯... 查看详情

强制用户使用 Jquery 仅选择一个选择器“a href”

】强制用户使用Jquery仅选择一个选择器“ahref”【英文标题】：Forceusertochooseonlyoneselector\'ahref\'usingJquery【发布时间】：2016-08-1422:28:30【问题描述】：我正在编写一小段代码来生成媒体标签搜索，但我有点卡住了。($("#interiors_search... 查看详情

(CSS / jQuery/ XPath) 用于从姐妹/兄弟节点 (DOM) 获取内部文本的选择器

】(CSS/jQuery/XPath)用于从姐妹/兄弟节点(DOM)获取内部文本的选择器【英文标题】：(CSS/jQuery/XPath)Selectorforgettinginnertextfromsister/siblingnode(DOM)【发布时间】：2021-10-0211:03:20【问题描述】：获取文本“100”（来自“100米”，由以下HTML显... 查看详情

jquery：jquery选择器(代码片段)

jQuery选择器类似于CSS选择器，用来选取网页中的元素。例如：$("h3").css("background-color","red"); 说明：获取并设置网页中所有<h3>元素的背景色。“h3”为选择器语法，必须放在$()中。$("h3")返回jQuery对象。一、jQuery选择器jQuery... 查看详情