javascript - jquery“无法识别的列 IE8 未选择

Question

在商业智能软件平台上构建扩展。正在构建以下 HTML

<ul class="project">
    <col1 id="col1">
        <li class="proj vis"></li>
        <li class="proj vis"></li>
        <li class="proj vis"></li>
    </col1>
    <col2 id="col2">
        <li class="proj vis"></li>
        <li class="proj vis"></li>
        <li class="proj vis"></li>
    </col2>
</ul>

尝试执行以下查询。

 $('#col1 .proj.vis');

但是它返回一个空集。在 Chrome 和其他浏览器上它运行得很好。

还尝试了以下方法

$('.project col').size()

以下内容将返回元素，但不以 col 分隔

$('.proj.vis');

Answer 1

无论你想做什么都不可能成功。

1. IE 在使用非标准 HTML 元素时存在已知问题。我不确定标准模式下的 IE8 是否受到影响。 IE8肯定是怪癖模式。更多信息请点击:http://blog.whatwg.org/supporting-new-elements-in-ie

2. 调用 $('#col1 .proj.vis'); 在所有浏览器中返回空集。没有 ID 为 col1 的元素。另一方面，$('col1 .proj.vis'); 在 Chrome 下返回 3。

如果您必须使用 col1 元素，则在文档 HEAD 中，在发生其他任何事情之前，添加以下行:

// Make IE recognize this element.
document.createElement("col1");

(我尝试创建一个 fiddle ，但是当我在浏览器中切换到 IE8 模式时，JS fiddle 崩溃了。)