Question

这里我在一个列表中选择单个li项目，单击添加按钮，所选项目将移动到下一个lsit

  $("#list3 li").click(function () {
                $("#list3 li").removeClass('clicked');
                $(this).addClass('clicked');

            });
$("#add").click(function () {
            $("#list3 li.clicked").removeClass("clicked").appendTo('#list4');
             });

和

 .clicked {
      border: 3px solid blue;

    }

这里我需要使用控制键选择多个li项目，如果我点击添加按钮，所有选定的li项目必须移动到另一个列表。任何建议？

Answer 1

好吧，如果您需要选择多个项目，那么您需要修改取消选择除最后一个项目之外的所有项目的代码：

$("#list3 li").click(function (e) {
    // PLACED INSIDE CONDITIONAL
    if (!e.ctrlKey) {
        $("#list3 li").removeClass('clicked');
    }
    $(this).toggleClass('clicked');  // LINE MODIFIED
});

我还将addClass('clicked')更改为toggleClass('clicked')，以便您也可以通过再次点击来取消选择项目。其余代码不需要更改。

<强> See it in action

Answer 2

$("#list3 li").click(function (e) {
    {
        if (!(e.metaKey)){
            $("#list3 li").removeClass('clicked');
        }
        $(this).addClass('clicked');
    });

e.metaKey适用于apple（命令）和windows / linux（控制）

如何在jquery中使用控制键选择多个li项？

2 个答案: