Question

我已经在这里和其他地方搜索了一段时间，但看起来我不得不提一个问题：

我有这个html结构，（我无法更改）：

<div class="nav-link">
    <div>
        <a>
            <span class="menu-number completed-section">1</span>
            <span class="section-name">Section Title</span>
        </a>
    </div>
</div>

我有许多这样的“导航链接”结构，这些结构建立了一个左侧菜单。仅当部分完成时，“ completed-section”类才添加到“ menu-number”跨度中。我也无法更改指定“ completed-section”类的位置（这是仅CSS的问题）。

所以-使用CSS，我希望只有在第一个内部跨度已被分配为“ completed-section”类的情况下，才能选择外部的“ nav-link” div。

有可能吗？

谢谢。

Answer 1

您可以使用jquery parent（）方法进行选择。

    $.each($(".completed-section"),function(){ 
     if($(this).parent().parent().parent().hasClass('nav-link'))
         {
             //you can perform actions on target element here iam using .css() //

             $(this).parent().parent().parent().css("color","red");

         }
     });

CSS-选择一个包含具有特定类的元素的元素

1 个答案: