如何在javascript中同时选择2个图像?
嗨,我正在努力学习如何选择图像,我已经做到了这一点。我不知道如何同时选择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
.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");
});