Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php jQuery简单for循环_Php_Jquery_For Loop - Fatal编程技术网

Php jQuery简单for循环

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(); }); }

我拥有的是一个用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编辑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你只用一句话就做到了。正是在这一点上。