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

Javascript 选择无序列表中的项目范围,javascript,jquery,Javascript,Jquery,我想允许用户通过按下cntrl键,然后选择第一个和最后一个项目来选择无序列表中的项目范围,中间的所有项目都将被选中。 我正在使用JQuery,有什么建议可以解决这个问题吗? 以下是html: <ul id="ulList_1"> <li> <a href="#">item 1</a> </li> <li> <a href="#">item 2<

我想允许用户通过按下cntrl键,然后选择第一个和最后一个项目来选择无序列表中的项目范围,中间的所有项目都将被选中。 我正在使用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”之间的所有项目也被选择。 感谢您允许范围选择(通过按住shift键):

    它可以很容易地更改为使用LI元素,并根据用户的选择添加一个类