Javascript数组问题

Javascript数组问题,javascript,arrays,Javascript,Arrays,这是漫长的一天,我学到了很多关于js的知识,但是我的头脑在这一天变得模糊了,所以我需要得到一个数组号(取决于用户点击下面设置的数组号)。但是我不知道怎么做,我试着阅读数组,但我无法理解它/ 对不起,我需要调用一个函数,每次我点击一个不同的链接,我需要的功能,以回复到每个div分别 var navLink = new Array(); navLink[0] ='#one' < this is the Id of an href link. navLink[1] ='#two

这是漫长的一天,我学到了很多关于js的知识,但是我的头脑在这一天变得模糊了,所以我需要得到一个数组号(取决于用户点击下面设置的数组号)。但是我不知道怎么做,我试着阅读数组,但我无法理解它/

对不起,我需要调用一个函数,每次我点击一个不同的链接,我需要的功能,以回复到每个div分别

var navLink = new Array();

    navLink[0] ='#one' < this is the Id of an href link.
    navLink[1] ='#two'
    navLink[2] ='#three'
    navLink[3] ='#four'
    navLink[4] ='#five'
    navLink[5] ='#six'  

var navDiv = new Array();

    navDiv[0] ='#content-one' < this is the Id of a content div.
    navDiv[1] ='#content-two'
    navDiv[2] ='#content-three'
    navDiv[3] ='#content-four'
    navDiv[4] ='#content-five'
    navDiv[5] ='#content-six'   

var settings = {

    objSlideTrigger: navLink[x], // link button id
    objSlidePanel: navDiv[x] // slide div class or id
}

这是一个js提琴,展示了我想要实现的目标的核心元素。然而,这只是一个单一的链接和内容框,我想要多个链接和内容框。它们都会对被选中做出单独的响应。jsfiddle.net/BeU3U/6/

我想这对你来说是可行的。只要确保
navLinks
总是相同的长度即可作为
navDivs

var navLinks = [
  '#one',
  '#two',
  '#three',
  '#four',
  '#five',
  '#six',
];

var navDivs = [
  '#content-one',
  '#content-two',
  '#content-three',
  '#content-four',
  '#content-five',
  '#content-six',
];

var settings = [];

for (var i=0; i<navLinks.length; i++) {
  settings.push({
    objSlideTrigger: navLinks[i],
    objSlidePanel: navDivs[i],
  });
};

console.log(settings);

我想这对你可能有用。只要确保
navLinks
的长度始终与
navDivs
的长度相同即可

var navLinks = [
  '#one',
  '#two',
  '#three',
  '#four',
  '#five',
  '#six',
];

var navDivs = [
  '#content-one',
  '#content-two',
  '#content-three',
  '#content-four',
  '#content-five',
  '#content-six',
];

var settings = [];

for (var i=0; i<navLinks.length; i++) {
  settings.push({
    objSlideTrigger: navLinks[i],
    objSlidePanel: navDivs[i],
  });
};

console.log(settings);

我想这对你可能有用。只要确保
navLinks
的长度始终与
navDivs
的长度相同即可

var navLinks = [
  '#one',
  '#two',
  '#three',
  '#four',
  '#five',
  '#six',
];

var navDivs = [
  '#content-one',
  '#content-two',
  '#content-three',
  '#content-four',
  '#content-five',
  '#content-six',
];

var settings = [];

for (var i=0; i<navLinks.length; i++) {
  settings.push({
    objSlideTrigger: navLinks[i],
    objSlidePanel: navDivs[i],
  });
};

console.log(settings);

我想这对你可能有用。只要确保
navLinks
的长度始终与
navDivs
的长度相同即可

var navLinks = [
  '#one',
  '#two',
  '#three',
  '#four',
  '#five',
  '#six',
];

var navDivs = [
  '#content-one',
  '#content-two',
  '#content-three',
  '#content-four',
  '#content-five',
  '#content-six',
];

var settings = [];

for (var i=0; i<navLinks.length; i++) {
  settings.push({
    objSlideTrigger: navLinks[i],
    objSlidePanel: navDivs[i],
  });
};

console.log(settings);
试试下面这个

var settings = function (rowIndex)
{
    objSlideTrigger:navLink[rowIndex], 
    objSlidePanel:navDiv[rowIndex] 
}
试试下面这个

var settings = function (rowIndex)
{
    objSlideTrigger:navLink[rowIndex], 
    objSlidePanel:navDiv[rowIndex] 
}
试试下面这个

var settings = function (rowIndex)
{
    objSlideTrigger:navLink[rowIndex], 
    objSlidePanel:navDiv[rowIndex] 
}
试试下面这个

var settings = function (rowIndex)
{
    objSlideTrigger:navLink[rowIndex], 
    objSlidePanel:navDiv[rowIndex] 
}

您可能可以通过JSON元素数组来实现这一点

var nav = [
    {"navLink": "#one", "navDiv": "#content-one"},
    {"navLink": "#two", "navDiv": "#content-two"},
    {"navLink": "#three", "navDiv": "#content-three"},
    {"navLink": "#four", "navDiv": "#content-four"},
    {"navLink": "#five", "navDiv": "#content-five"},
    {"navLink": "#six", "navDiv": "#content-six"}
];

var settings = function (rowIndex) {
    objSlideTrigger: nav[rowIndex]["navLink"],
    objSlidePanel: nav[rowIndex]["navDiv"]
};

您可能可以通过JSON元素数组来实现这一点

var nav = [
    {"navLink": "#one", "navDiv": "#content-one"},
    {"navLink": "#two", "navDiv": "#content-two"},
    {"navLink": "#three", "navDiv": "#content-three"},
    {"navLink": "#four", "navDiv": "#content-four"},
    {"navLink": "#five", "navDiv": "#content-five"},
    {"navLink": "#six", "navDiv": "#content-six"}
];

var settings = function (rowIndex) {
    objSlideTrigger: nav[rowIndex]["navLink"],
    objSlidePanel: nav[rowIndex]["navDiv"]
};

您可能可以通过JSON元素数组来实现这一点

var nav = [
    {"navLink": "#one", "navDiv": "#content-one"},
    {"navLink": "#two", "navDiv": "#content-two"},
    {"navLink": "#three", "navDiv": "#content-three"},
    {"navLink": "#four", "navDiv": "#content-four"},
    {"navLink": "#five", "navDiv": "#content-five"},
    {"navLink": "#six", "navDiv": "#content-six"}
];

var settings = function (rowIndex) {
    objSlideTrigger: nav[rowIndex]["navLink"],
    objSlidePanel: nav[rowIndex]["navDiv"]
};

您可能可以通过JSON元素数组来实现这一点

var nav = [
    {"navLink": "#one", "navDiv": "#content-one"},
    {"navLink": "#two", "navDiv": "#content-two"},
    {"navLink": "#three", "navDiv": "#content-three"},
    {"navLink": "#four", "navDiv": "#content-four"},
    {"navLink": "#five", "navDiv": "#content-five"},
    {"navLink": "#six", "navDiv": "#content-six"}
];

var settings = function (rowIndex) {
    objSlideTrigger: nav[rowIndex]["navLink"],
    objSlidePanel: nav[rowIndex]["navDiv"]
};



x
的可能值是多少?您想获得用户单击的元素的
索引吗?我不确定我只是想让单击的元素调用函数。请您显示并解释,当您单击元素时,您希望发生什么?应该调用什么函数?您希望得到什么输出?@DavidThomas这里有一个js提琴,显示单击一个元素时会发生什么,但我需要六个单独的元素…x的可能值是多少?您想获得用户单击的元素的
索引吗?我不确定我只想单击的元素调用函数。请您显示并解释一下,当你点击一个元素时,你希望发生什么?应该调用什么函数?你希望得到什么输出?@DavidThomas这里有一个js提琴,显示点击一个元素时会发生什么,但我需要六个单独的元素…x的可能值是什么?你想得到美国元素的
索引吗er clicked?我不确定我只是想让被点击的元素调用函数。请你展示并解释一下,当你点击一个元素时,你希望发生什么?应该调用什么函数?你期望得到什么输出?@DavidThomas这里有一个js提琴,显示点击一个元素时会发生什么,但我需要六个单独的元素…什么e
x
的可能值?是否要获取用户单击的元素的
索引
?我不确定我只希望单击的元素调用函数。请显示并解释,当您单击元素时,您希望发生什么?应该调用什么函数?您希望得到什么输出?@DavidThoma这是一个js提琴,显示单击一个元素时会发生什么,但我需要六个单独的元素…var settings=function(rowIndex){objSlideTrigger:navLink[rowIndex],objSlidePanel:navDiv[rowIndex]<据说这里有语法错误}在
:newLink的末尾放分号
而不是逗号
[rowIndex]
谢谢,修复了语法错误,但我仍然没有从网页上得到任何响应,也许如果我向你展示我正在尝试实现(jsfiddle.net/BeU3U/6/)会更有意义。你能试试var settings=function(rowIndex){objSlideTrigger=navLink[rowIndex];objSlidePanel=navDiv[rowIndex];}var settings=function吗(rowIndex){objSlideTrigger:navLink[rowIndex],objSlidePanel:navDiv[rowIndex]<据说这里有语法错误}在
的末尾用分号
代替逗号
:newLink[rowIndex]
谢谢,修复了语法错误,但我仍然没有从网页上得到任何响应,也许如果我向你展示我正在尝试实现(jsfiddle.net/BeU3U/6/)会更有意义,你可以试试var settings=function(rowIndex){objSlideTrigger=navLink[rowIndex];objSlidePanel=navDiv[rowIndex];}var settings=function(rowIndex){objSlideTrigger:navLink[rowIndex],objSlidePanel:navDiv[rowIndex]<据说这里有语法错误}在
:newLink[rowIndex]的末尾用分号
代替逗号
谢谢,修复了语法错误,但我仍然没有从网页上得到任何响应,也许如果我向你展示我正在尝试实现(jsfiddle.net/BeU3U/6/)会更有意义,你可以试试var settings=function(rowIndex){objSlideTrigger=navLink[rowIndex];objSlidePanel=navDiv[rowIndex];}var settings=function(rowIndex){objSlideTrigger:navLink[rowIndex],objSlidePanel:navDiv[rowIndex]<据说这里有语法错误}在
:newLink[rowIndex]的末尾用分号
代替逗号
谢谢,修复了语法错误,但我仍然没有从网页上得到任何响应,也许如果我向你展示我正在尝试实现(jsfiddle.net/BeU3U/6/)会更有意义。你能试试var settings=function(rowIndex){objSlideTrigger=navLink[rowIndex];objSlidePanel=navDiv[rowIndex];}这不起作用我在网页上没有收到任何响应…:/如果我也发布它调用的函数会有帮助吗?@Beaniie,是的,我不知道它不起作用是什么意思。我提供的代码生成下面的输出。你可以使用
设置
绑定