当悬停其他项目时,要更改之前所有 <li>
的 CSS 类,您可以使用 JavaScript 或 jQuery 来实现。以下是两种方法的示例:
方法1:使用 JavaScript
document.querySelectorAll('li').forEach(function(item) {
item.classList.add('new-class');
});
方法2:使用 jQuery
$('li').each(function() {
$(this).addClass('new-class');
});
在这两个示例中,我们都是在悬停其他项目时,将名为 new-class
的类添加到所有 <li>
元素中。您可以根据需要更改类名。
请注意,这些示例假设您已经在项目中包含了 jQuery 库。如果您没有使用 jQuery,可以使用纯 JavaScript 实现。
领取专属 10元无门槛券
手把手带您无忧上云