我发现自己做了很多这样的事情:
$(document).on("click","li",function(){
$(".selected").removeClass("selected"); // Remove any old selected
$(this).addClass("selected"); // Apply selected to this element
});
是否有更好,更少重复的方式来完成这样的任务?喜欢切换课程.顺便说一下,在给定时间只能选择一个元素.
谢谢.
最佳答案
与杰克辩论后,我提出了我的意见.
假设你的清单在这里:
原文链接:https://www.f2er.com/css/427461.html假设你的清单在这里:
var $myList = $('#list');
然后:
$myList.on("click",function(){
$(".selected",$myList).removeClass("selected"); // Remove any old selected
$(this).addClass("selected"); // Apply selected to this element
});
要么
$myList.on("click",function(){
$(this).siblings(".selected").removeClass("selected"); // Remove any old selected
$(this).addClass("selected"); // Apply selected to this element
});
你做这件事的方式对我来说已经足够了,但杰克的速度更快,我的两者之间也是如此.
我喜欢这个,因为你不需要假设只有一个选定的元素.据我所知,当我们提供上下文时,搜索速度会更快