在ul元素中選擇具有相同類的ul元素

Question

如何在具有相同類的ul元素中選擇具有“下拉菜單”類的第二個ul元素？

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

Answer 1

如果您只想選擇第二個元素，這是解決方法：

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');

干杯!

Answer 2

這是一個純粹的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;
        }
    }
}