jQuery 选择，关于 ie6

Question

给定以下 html:

<ul class="accordion">

  <li class="accountStatus">
    <a href="#">
    <ul class="sub-menu"></ul>
  </li>

  <li class="Personal">
    <a href="#">
    <ul class="sub-menu"></ul>
  </li>

</ul>

我知道以下 jquery select 适用于两个元素(a 和子菜单):

$('.accordion > li > a')
    $('.accordion li > .sub-menu');

但这在 ie6 中不起作用。所以有人可以给我另一种选择来选择需要选择的确切元素。

谢谢，

Answer 1

一种方法是使用您在 IE6 中知道的方法获取所有节点，然后在继续之前转换为 jQuery 对象，例如(& fiddle )

var all_uls = document.getElementsByTagName('ul'), i = all_uls.length, 
    interesting_uls = [], interesting_as = [];
while (i--) {
    if (all_uls[i].className === 'accordion') {
        // get ul.accordion
        interesting_uls.push(all_uls[i]);
    }
}
all_uls = interesting_uls, i = all_uls.length; // reset for next class lookup
while (i--) {
    if (all_uls[i].className === 'sub-menu') {
        // get ul.accordion ul.sub-menu
        interesting_uls.push(all_uls[i]);
    }
    // get <a>s
    interesting_as = interesting_as.concat(all_uls[i].getElementsByTagName('a'));
}
$(interesting_uls); // to jQuery obj
$(interesting_as);