我如何获得具有类的元素的 id

Question

假设我有列表

<ul id="left-side-menu" style="display: block;">

    <li> <a id="1" class="lists active" href="javascript:void(0)">My company 1</a></li>

    <li> <a id="2" class="lists" href="javascript:void(0)">My company 2</a></li>

    <li> <a id="3" class="lists" href="javascript:void(0)">My company 3</a></li>
</ul>

为了使用列表类获取具有活动类的元素的 id，我这样写

$("a.lists").hasClass("active").attr('id');

但它给出了一个错误

$("a.lists").hasClass("active").attr 不是函数

请帮帮我

Answer 1

$("a.lists.active").attr('id')

Answer 2

$("a.lists.active").attr('id');

Answer 3

.hasClass() method 的返回值是一个布尔值，当然布尔值没有.attr() 方法。

要选择具有多个类的元素，只需列出所有必需的类，名称之间没有空格，如下所示：

$("a.lists.active").attr('id');

这应该返回第一个元素的 id 值以匹配该选择器，如果没有元素匹配，则返回 undefined。 （如果您希望始终只有一个元素具有“活动”类，那就没问题了。）