css - jQuery select, regarding ie6 -
css - jQuery select, regarding ie6 -
given next 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>
i know next jquery select works fine 2 elements (a , sub-menu):
$('.accordion > li > a') $('.accordion li > .sub-menu');
but not work in ie6. please give me alternative select exact elements need selected.
thanks,
one way nodes using methods know have in ie6, convert jquery objects before continuing, e.g. (& fiddle)
var all_uls = document.getelementsbytagname('ul'), = all_uls.length, interesting_uls = [], interesting_as = []; while (i--) { if (all_uls[i].classname === 'accordion') { // ul.accordion interesting_uls.push(all_uls[i]); } } all_uls = interesting_uls, = all_uls.length; // reset next class lookup while (i--) { if (all_uls[i].classname === 'sub-menu') { // ul.accordion ul.sub-menu interesting_uls.push(all_uls[i]); } // <a>s interesting_as = interesting_as.concat(all_uls[i].getelementsbytagname('a')); } $(interesting_uls); // jquery obj $(interesting_as);
jquery css
Comments
Post a Comment