jquery - 切换 <li> 背景图片

Question

我有一个 UL，其中包含构成我的链接的 LI 元素。每个链接都有一个“linkItem”类和“roomActive”或“roomInactive”以显示适当的 BG 图像，以及一个传递到我的函数中以显示点击了哪个 LI 元素的 ID。

我正在尝试使用以下代码来完成此任务。

$(".roomLink")[id].removeClass('roomActive').addClass('roomInactive');

当我运行它时，我收到一条错误消息“Uncaught TypeError: Object # has no method 'removeClass'”

我还尝试使用 jQuery .css("background") 并返回“Uncaught TypeError: Object # has no method 'css'”

有什么想法吗？

Answer 1

像下面这样尝试，

$(".roomLink").eq(id).removeClass('roomActive').addClass('roomInactive');

假设 id 是您要移除Class 和addClass 的li 的索引。此假设基于您使用它的方式。 (如索引)

你的代码 $(".roomLink")[id] 是一个 dom 对象，它没有 addClass/removeClass 方法。