如何在javascript中同时选择2个图像?

如何在javascript中同时选择2个图像?,javascript,jquery,html,Javascript,Jquery,Html,嗨,我正在努力学习如何选择图像,我已经做到了这一点。我不知道如何同时选择2个图像,因为我已经尝试删除.removeClass('selected')在图像列表li函数中 HTML: JS:这是我的JS,我有一个问题。我希望有人能帮助我,谢谢 $('.images_list li').click(function() { $('.images_list .selected').removeClass('selected'); $(this).togg

嗨,我正在努力学习如何选择图像,我已经做到了这一点。我不知道如何同时选择2个图像,因为我已经尝试删除
.removeClass('selected')在图像列表li函数中

HTML:

JS:这是我的JS,我有一个问题。我希望有人能帮助我,谢谢

$('.images_list li').click(function() {
            $('.images_list .selected').removeClass('selected');
            $(this).toggleClass('selected');
            var clicked = $(this).attr('title');
            $("#"+clicked).removeClass("hidden").siblings().addClass("hidden");
        });

您可以在这里看到我的小提琴:

只需完全注释掉removeClass行

$('.images_list li')。单击(函数(){
//将以下内容保留在中,以防以后您想再次使用它。
//$('.images_list.selected').removeClass('selected');
$(this.toggleClass('selected');
var clicked=$(this.attr('title');
$(“#”+单击).removeClass(“隐藏”).sides().addClass(“隐藏”);
});
.images\u列表li{
列表样式:无;
浮动:左;
宽度:150px;
高度:150像素;
右边距:10px;
}
.images_list li span{
显示:无;
位置:绝对位置;
顶部:0px;
左:0px;
宽度:24px;
高度:24px;
}
.边界{
边框:6px实心#D8D8D8;
背景:url(upload/check.jpg);
}
.选定{
边框:6px纯绿;
位置:相对位置;
}
.隐藏{
显示:无;
}
.images\u list li.所选范围{
显示:块;
}










  • 内容1 内容2
    首先,您需要告诉我们“选择”两个图像是什么意思。这篇文章帮助删除多个图像,以及文件上载程序,可能会对您有所帮助-谢谢@devtye我很感激
    .images_list li {
        list-style: none;
        float: left;
        width: 150px;
        height: 150px;
        margin-right: 10px;
    }
    
    .images_list li span {
        display:none;
        position:absolute;
        top:0px;
        left:0px;
        width:24px;
        height:24px;    
    }
    
    .border {
        border: 6px solid #D8D8D8;
        background: url(upload/check.jpg);
    }
    .selected {
        border: 6px solid green;
        position:relative;
    }
    .hidden {
        display:none;
    }
    .images_list li.selected span {
        display:block;
    }
    
    $('.images_list li').click(function() {
                $('.images_list .selected').removeClass('selected');
                $(this).toggleClass('selected');
                var clicked = $(this).attr('title');
                $("#"+clicked).removeClass("hidden").siblings().addClass("hidden");
            });