Php jQuery简单for循环
我拥有的是一个用PHP生成的UL,包含9个li项。每个人都有一个从1到9的班 我还用PHP生成了9个div,它们的类从1到9。我正在尝试使用jQuery,这样当有人单击li项时,它对应的div就会显示/隐藏 即,单击li class 3,显示div class 3 我有这个:Php jQuery简单for循环,php,jquery,for-loop,Php,Jquery,For Loop,我拥有的是一个用PHP生成的UL,包含9个li项。每个人都有一个从1到9的班 我还用PHP生成了9个div,它们的类从1到9。我正在尝试使用jQuery,这样当有人单击li项时,它对应的div就会显示/隐藏 即,单击li class 3,显示div class 3 我有这个: for (var i = 1; i <= 9; i++){ $("li." + i).click(function(){ $("div." + i).toggle(); }); }
for (var i = 1; i <= 9; i++){
$("li." + i).click(function(){
$("div." + i).toggle();
});
}
for(var i=1;i编辑2:这就是解决问题的答案:
$('li').click(function(evt)
{
$('div.' + $(this).attr('class')).toggle();
});
如果你的<代码> LI< /Cult> S有不止一个类,这将不起作用。如果这是一个问题,我会考虑使用其他东西来传递信息,比如HTML5<代码>数据< /代码>属性或<代码> Real/Cuth>属性。< > P> <强>编辑2 < /强>:这是解决它的答案:
$('li').click(function(evt)
{
$('div.' + $(this).attr('class')).toggle();
});
如果你的<代码> LI< /Cult> S有不止一个类,这将不起作用。如果这是一个问题,我会考虑使用其他东西来传递信息,比如HTML5<代码>数据< /COD>属性或<代码> Real/Cuth>属性。
< P>不确定是否是你的问题,但是启动标识符几乎总是一个坏主意。(在本例中,类名但ID也可能有此问题)与数字有关。我建议您使用名称c1、c2、c3、c4等。可能是代码中的某个地方数字名称被转换为数字而不是字符串
你也可以考虑更好的名字,但是我希望用字母“C”开头可以帮助。
不确定是不是你的问题,但是启动标识符几乎是一个坏主意(在这种情况下,类名,但IDS也会有这个问题)我建议您使用名称c1、c2、c3、c4等。可能是代码中的某个地方将数字名称转换为数字而不是字符串
<>你也可以考虑更好的名字,但是我希望用字母“C”来帮助你开始名字。 问题是当你在点击里面调用函数时,i的值是10。
您需要关闭:
for (var i = 1; i <= 9; i++){
(function (i){
$("li." + i).click(function(){
$("div." + i).toggle();
});
})(i)
}
for(var i=1;i问题是,当您在单击中调用函数时,i的值是10。
您需要关闭:
for (var i = 1; i <= 9; i++){
(function (i){
$("li." + i).click(function(){
$("div." + i).toggle();
});
})(i)
}
for(var i=1;我不太清楚这是如何工作的?我只想切换具有相同类的div,而不是li项本身?我做了一个编辑,应该可以回答这个问题-我不确定为什么在li
和div
上需要一个类名,如果它们总是相同的话。div不是li项的子项:)它们位于单独的ULI中。我不太清楚这是如何工作的?我只想切换具有相同类的div,而不是li项本身?我做了一个编辑,应该可以回答这个问题-我不确定为什么您需要在li
和div
上使用类名,如果它们总是相同的话。这些div不是li项的子项:)它们位于单独的ULD中。如果您在$(文档)中编写了此代码。ready()?请包括您的HTML代码(示例)以使问题更清楚。您在$(文档)中编写了此代码。ready()?请包括您的HTML代码(示例)是为了让你的问题更清楚。就是这样。正是在阐述它的过程中,但地狱BICCIO你只用一句话就做到了。正是在这一点上。