Question

有一个动态生成的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>

是否可以通过其“a”标签ID访问和更改特定“a”元素的li类？

简单地说，我是在以下后出去的;

通过id = item7获取元素。然后访问其li并将其类更改为“selected”

Answer 1

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

只是为了解决问题：

jQuery.closest(selector)将查找与选择器匹配的最近父级。

jQuery.parents()将返回元素的所有父级。如果将选择器作为参数传递，它将仅返回与选择器匹配的父级。

jQuery.parent()将返回元素的直接父级。如果将选择器作为参数传递，则只有在匹配选择器的情况下才会返回父级。

jQuery.children()将返回元素的直接子节点。如果将选择器作为参数传递，它将仅返回与选择器匹配的子项。

jQuery.find(selector)将返回与选择器匹配的所有级别中的所有子节点。

在jQuery或JS中通过其子元素id查找li元素

1 个答案: