Jquery 如何基于点击获取数组

Jquery 如何基于点击获取数组,jquery,Jquery,我有一个如下的结构。我试图做的是,如果用户单击其中一个div并通过将变量第一部分(标准)与索引的任何部分组合来检索数组,但我似乎无法做到这一点(在$之后) $('.selections div')。在('click',函数(索引){ var number=$(this.index()+1; var selectedSelect=$(“#select”+编号); $。每个((标准+编号)、函数(索引、值){ 如果(索引==编号){ //代码 } }) $('#选择'+编号).addClass(“

我有一个如下的结构。我试图做的是,如果用户单击其中一个div并通过将变量第一部分(标准)与索引的任何部分组合来检索数组,但我似乎无法做到这一点(在$之后)


$('.selections div')。在('click',函数(索引){
var number=$(this.index()+1;
var selectedSelect=$(“#select”+编号);
$。每个((标准+编号)、函数(索引、值){
如果(索引==编号){
//代码
}
})
$('#选择'+编号).addClass(“selectionBoxActive”);
})
var standard1=[
{文本:“专业知识1”,缩写:“AA”},
{案文:“专门知识2”,缩写:“AA”},
{文本:“专业知识3”,缩写:“AA”},
{文本:“专业知识4”,缩写:“AA”},
{案文:“专门知识5”,缩写:“AA”}
];
var standard2=[
{文本:“专业知识1”,缩写:“BB”},
{案文:“专门知识2”,缩写:“BB”},
{文本:“专业知识3”,缩写:“BB”},
{案文:“专业知识5”,缩写:“BB”}
];
var标准3=[
{案文:“专门知识2”,缩写:“CC”},
{文本:“专业知识3”,缩写:“CC”},
{案文:“专门知识4”,缩写:“CC”},
{案文:“专业知识5”,缩写:“CC”}
];
var标准4=[
{案文:“专门知识1”,缩写:“DD”},
{案文:“专门知识2”,缩写:“DD”},
{案文:“专门知识3”,缩写:“DD”},
{案文:“专门知识4”,缩写:“DD”},
{案文:“专门知识5”,缩写:“DD”}
];
var standard5=[
{文本:“专业知识1”,缩写:“EE”},
{案文:“专门知识2”,缩写:“EE”},
{文本:“专家3”,缩写:“EE”},
{文本:“专业知识4”,缩写:“EE”},
{案文:“专业知识5”,缩写:“EE”}
];

我认为不可能对数组执行您正在尝试的操作。我建议将它们转换为多维数组

$('.selections div')。打开('click',函数(索引){
var number=$(this.index();
var selectedSelect=$(“#select”+编号);
$.each(arr[编号]、函数(索引、值){
如果(索引==编号){
//代码
控制台日志(arr[编号][索引]);
}
})
$('#选择'+(编号+1)).addClass(“selectionBoxActive”);
})
var arr=[[
{文本:“专业知识1”,缩写:“AA”},
{案文:“专门知识2”,缩写:“AA”},
{文本:“专业知识3”,缩写:“AA”},
{文本:“专业知识4”,缩写:“AA”},
{案文:“专门知识5”,缩写:“AA”}
],[
{文本:“专业知识1”,缩写:“BB”},
{案文:“专门知识2”,缩写:“BB”},
{文本:“专业知识3”,缩写:“BB”},
{案文:“专业知识5”,缩写:“BB”}
],[
{案文:“专门知识2”,缩写:“CC”},
{文本:“专业知识3”,缩写:“CC”},
{案文:“专门知识4”,缩写:“CC”},
{案文:“专业知识5”,缩写:“CC”}
],[
{案文:“专门知识1”,缩写:“DD”},
{案文:“专门知识2”,缩写:“DD”},
{案文:“专门知识3”,缩写:“DD”},
{案文:“专门知识4”,缩写:“DD”},
{案文:“专门知识5”,缩写:“DD”}
],[
{文本:“专业知识1”,缩写:“EE”},
{案文:“专门知识2”,缩写:“EE”},
{文本:“专家3”,缩写:“EE”},
{文本:“专业知识4”,缩写:“EE”},
{案文:“专业知识5”,缩写:“EE”}
]];
.selectionBoxActive{
边框:1px实心橙色;
}

1.
2.
3.
4.
5.

是的,我能做到,我只是好奇而已
<div class="selections">
   <div id="select1"></div>
   <div id="select2"></div>
   <div id="select3"></div>
   <div id="select4"></div>
   <div id="select5"></div>
</div>

$('.selections div').on('click', function (index) {
    var numbered = $(this).index() + 1;
    var selectedSelect = $('#select' + numbered);
    $.each((standard + numbered), function (index, value) {
        if (index == numbered) {
            //code
        }
    })
    $('#select' + numbered).addClass("selectionBoxActive");
})

var standard1 = [
    { text: "Expertise 1", abbreviation: "AA" },
    { text: "Expertise 2", abbreviation: "AA" },
    { text: "Expertise 3", abbreviation: "AA" },
    { text: "Expertise 4", abbreviation: "AA" },
    { text: "Expertise 5", abbreviation: "AA" }
];
var standard2 = [
    { text: "Expertise 1", abbreviation: "BB" },
    { text: "Expertise 2", abbreviation: "BB" },
    { text: "Expertise 3", abbreviation: "BB" },
    { text: "Expertise 5", abbreviation: "BB" }
];
var standard3 = [
    { text: "Expertise 2", abbreviation: "CC" },
    { text: "Expertise 3", abbreviation: "CC" },
    { text: "Expertise 4", abbreviation: "CC" },
    { text: "Expertise 5", abbreviation: "CC" }
];
var standard4 = [
    { text: "Expertise 1", abbreviation: "DD" },
    { text: "Expertise 2", abbreviation: "DD" },
    { text: "Expertise 3", abbreviation: "DD" },
    { text: "Expertise 4", abbreviation: "DD" },
    { text: "Expertise 5", abbreviation: "DD" }
];
var standard5 = [
    { text: "Expertise 1", abbreviation: "EE" },
    { text: "Expertise 2", abbreviation: "EE" },
    { text: "Expertise 3", abbreviation: "EE" },
    { text: "Expertise 4", abbreviation: "EE" },
    { text: "Expertise 5", abbreviation: "EE" }
];