在ul元素中选择具有相同类的ul元素

时间:2017-03-22 18:14:18

标签: javascript jquery html css

如何在同一类的ul元素中使用“dropdown-menu”类选择第二个ul元素?

<ul class=" dropdown-menu">
<li>
<ul class=" dropdown-menu">
</ul>
</li>
</ul>

2 个答案:

答案 0 :(得分:0)

如果您只想选择第二个元素,可以使用以下解决方法:

CSS

.dropdown-menu .dropdown-menu:first-child {}

更具体的版本:

ul.dropdown-menu li ul.dropdown-menu:first-child {}

的jQuery

$('.dropdown').find('.dropdown:first').addClass('child-dropdown-menu');

干杯!

答案 1 :(得分:0)

这是一个纯粹的js答案 我假设你已经在变量中有了ul引用。

var uls = ul.getElementsByTagName("ul");
var targetUl = undefined;

for(var i = 0; i < uls.length; i++){
    for( var j = 0; j < uls[i].classList.length; j++){
        if(uls[i].classList[j] == "dropdown-menu"){
            targetUl = uls[i];
            break;
        }
    }
}