JQuery ul 动态设置类

Question

我是 JQuery 新手，正在努力设置列表内元素的属性。我有以下 html

<ul class="collections">
<li><a href="#" id="2">LINEN </a></li>
<li><a href="#" id="3">ANIMAL PRINTS</a></li>
<li><a href="#" id="4">BASKET WEAVE</a></li>
<li><a href="#" id="5">FAUX LEATHER</a></li>
<li><a href="#" id="6">FAUX SUEDE</a></li>
<li><a href="#" id="7">HALLMARK</a></li>
<li><a href="#" id="8">JUMBO CORD</a></li>
<li><a href="#" id="9">PHYTHON</a></li>
<li><a href="#" id="10">CHENILLE CARLTON</a></li>

我想将属性 class = "current"添加到列表中 id 为 2 的项目。

我可以使用 $('.collections a').attr('class','current'); 设置所有项目

我可以使用以下方法检测 id 为 2 的项目:

if($('.collections a').attr('id') == 2){
        console.log('WE HAVE A MATCH');

    }

但在这里我不确定如何获取对实际元素的引用。

我已经使用 equals 方法成功设置了类:

        $(".collections a:eq(0)").attr('class','current');

但希望能够使用元素的 id 来设置它，以防列表的顺序发生变化。

任何帮助将不胜感激。

提前致谢。

问候

Answer 1

由于 id 属性应该是唯一的，这样就可以了

$(".collections a#2").addClass("current")

但我强烈建议您不要以数字开头您的id-s