返回课程

可选择列表

重要性:5

创建一个列表,其中元素可以选择,就像文件管理器中的那样。

  • 点击列表元素只选择该元素(添加类.selected),取消选择所有其他元素。
  • 如果点击时按下了Ctrl(Mac 上为Cmd),则元素的选择状态将切换,但其他元素不会被修改。

演示

附注:在此任务中,我们可以假设列表项仅为文本,不包含嵌套标签。

再附注:防止浏览器在点击时选择文本。

打开一个沙盒环境用于此任务。