Javascript 通过jQuery或JS中的子元素id查找li元素

Javascript 通过jQuery或JS中的子元素id查找li元素,javascript,jquery,Javascript,Jquery,有一个动态生成的li元素列表(没有任何id),它们被嵌入到html页面中,如下所示: <ul class="nav"> <li class="selected"><a id="item1">LOREM IPSUM</a></li> <li><a id="item2">LOREM IPSUM</a></li> <li><a id="item3">

有一个动态生成的li元素列表(没有任何id),它们被嵌入到html页面中,如下所示:

<ul class="nav">
    <li class="selected"><a id="item1">LOREM IPSUM</a></li>
    <li><a id="item2">LOREM IPSUM</a></li>
    <li><a id="item3">LOREM IPSUM</a></li>
    <li><a id="item4">LOREM IPSUM</a></li>
    <li><a id="item5">LOREM IPSUM</a></li>
    <li><a id="item6">LOREM IPSUM</a></li>
    <li><a id="item7">LOREM IPSUM</a></li>
 </ul>
  • LOREM IPSUM
  • 同侧眼睑
  • 同侧眼睑
  • 同侧眼睑
  • 同侧眼睑
  • 同侧眼睑
  • 同侧眼睑
这是否可以通过“a”标记id访问和更改特定“a”元素的li类

简单地说,我是在以下几点之后离开的

  • 通过id=item7获取元素。然后访问其li并将其类更改为“选定”
我只是想澄清一下:

将查找与选择器匹配的最近父级

将返回元素的所有父元素。如果将选择器作为参数传递,它将只返回与选择器匹配的父级

将返回元素的直接父级。如果将选择器作为参数传递,则仅当与选择器匹配时,它才会返回父级

将返回元素的直接子节点。如果将选择器作为参数传递,它将只返回与选择器匹配的子级

将返回与选择器匹配的所有级别中的所有子节点

var li = $('#item7').closest('li');
li.addClass('selected');