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

【问题标题】：CSS selector works, jquery selector doesn't (IE only issue)CSS 选择器有效，jquery 选择器无效（仅 IE 问题）
【发布时间】：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();

【问题讨论】：

标签： jquery css internet-explorer jquery-selectors css-selectors

【解决方案1】：

尝试以下方法：

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

【讨论】：

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

【解决方案2】：

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

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

【讨论】：

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