选择无序列表中的项目范围

Question

我想允许用户通过按cntrl键然后选择第一个＆amp;最后一项，中间的所有项目都将被选中。 我正在使用JQuery，有任何建议如何处理这个问题？ 这是html：

  <ul id="ulList_1">
     <li>
        <a href="#">item 1</a>
     </li>
     <li>
        <a href="#">item 2</a>
     </li>
     <li>
        <a href="#">item 3</a>
     </li>
     <li>
        <a href="#">item 4</a>
     </li>
     <li>
        <a href="#">item 5</a>
     </li>
     <li>
        <a href="#">item 6</a>
     </li>
     <li>
        <a href="#">item 7</a>
     </li>
  </ul>

因此，如果用户按cntrl键并选择“第2项”，然后选择“第6项”，我也希望选择“项目3,4,5”之间的所有项目。 感谢

Answer 1

允许范围选择的

Here's a jQuery plugin（通过按住Shift键）：

可以轻松更改它以使用LI元素，并根据用户选择添加一个类。