Javascript 如何根据将在DIV中单击的键添加数组的所有索引?

Javascript 如何根据将在DIV中单击的键添加数组的所有索引?,javascript,jquery,Javascript,Jquery,我还是一个初学者,我真的很担心我对数据库中数据的请求,我觉得我对它的请求太多了 我有3个DIV,每个DIV上都有ID或密钥 就是这样, 正如您在我的SELECT标签上看到的那样,有data set属性,我已经获得了加载页面后所需的所有数据,因为这样我可以最小化我对数据库的请求,而不是每次单击div都请求数据来获取所需的数据,我会发现,我可以在单个请求中请求我需要的所有数据,然后我可以将其放在JavaScript文件中的一个全局变量中 var串联_值=[]//1,2,3 $(“#设置_id”).

我还是一个初学者,我真的很担心我对数据库中数据的请求,我觉得我对它的请求太多了

我有3个DIV,每个DIV上都有ID或密钥

就是这样,

正如您在我的
SELECT
标签上看到的那样,有
data set
属性,我已经获得了加载页面后所需的所有数据,因为这样我可以最小化我对数据库的请求,而不是每次单击div都请求数据来获取所需的数据,我会发现,我可以在单个请求中请求我需要的所有数据,然后我可以将其放在JavaScript文件中的一个全局变量中

var串联_值=[]//1,2,3
$(“#设置_id”).change(函数(){
data#set=JSON.parse($(“#set#id option:selected”).attr('data-set');
console.log(数据集)
$(“#第一个_容器”)。单击(函数(){
常量输入=$(“#第一个容器输入:隐藏”).val();
if(串联的_值包括(输入))
连接的_值。拼接(连接的_值。indexOf(输入),1);
其他的
连接的_值.push($(“#第一个_容器输入:隐藏”).val();
$(“#练习总数”).text(数据集[1]。练习总数);
$('#duration').text(数据集[1]。duration);
});
$(“#第二个#容器”)。单击(函数(){
常量输入=$(“#第二个容器输入:隐藏”).val();
if(串联的_值包括(输入))
连接的_值。拼接(连接的_值。indexOf(输入),1);
其他的
连接的_值.push($(“#第二个_容器输入:隐藏”).val();
});
$(“#第三个#容器”)。单击(函数(){
常量输入=$(“#第三个容器输入:隐藏”).val();
if(串联的_值包括(输入))
连接的_值。拼接(连接的_值。indexOf(输入),1);
其他的
连接的_值.push($(“#第三个_容器输入:隐藏”).val();
$(“#练习总数”).text(数据集[3]。练习总数);
$('#duration').text(数据集[3]。duration);
});
});
#第一个容器,
#第二个集装箱,
#第三个集装箱{
宽度:300px;
高度:200px;
背景:红色;
光标:指针;
}

选择集
第1组
测试1

测试2

测试3

总练习数为:

总工期为: