Javascript 使用jquery查找父html元素并在其上附加css类

Javascript 使用jquery查找父html元素并在其上附加css类,javascript,jquery,css,Javascript,Jquery,Css,如果我的视图页面中有这样的代码 <li> <a class="selected" href="/">Some link</a> </li> 我如何使用jquery找到这个元素(使用所选的类)并将一些css类附加到它的父元素li中,结果应该是这样的 <li class="some-class"> <a class="selected" href="/">Some link</a>

如果我的视图页面中有这样的代码

<li>
     <a class="selected" href="/">Some link</a>
</li>
  • 我如何使用jquery找到这个元素(使用所选的类)并将一些css类附加到它的父元素li中,结果应该是这样的

       <li class="some-class">
          <a class="selected" href="/">Some link</a>
        </li>
    
  • 使用:

    你可以用


    使用Jquery,您可以使用父函数:

    您可以通过Jquery父api文档获取父:

    试着这样做:

    $(".selected").parent().addClass("some-class");
    

    演示:

    $('.selected').closest('li').addClass('some-class')
    
    $(".selected").parent().addClass("some-class")
    
    $('.selected').parent().addClass('some-class')
    
    $('.selected').closest('li').addClass('some-class')
    
    $(".selected").parent().addClass("some-class");
    
    $(".selected").parent("li").addClass("some-class");