Javascript Jquery函数的迭代

我做了：并且想把这个应用到一个课堂上。所以我把这个类放进去的每一个DIV，都会显示宽度和高度

我开始尝试创建它，但遇到了困难：

在第一个DIV中，它放入2个工作DIV集。 在第二个DIV中，它放入2个非工作DIV集。

我已经尝试了我能想到的一切，但我确信这只是一个根本性的错误。请帮忙

if ($('div').hasClass('change')) { 
    $('.change').each(function (iterate, val) {
    twoDivs = "<div id='changelog"+iterate+"'></div><div style='clear: right;'></div>";
    $('.change').append(twoDivs);      

     $("#changelog"+iterate).text(' W: ' + $('.change').width() + 'px , H:' + $('.change').height() + 'px ');
     $(window).resize(function() {
     $("#changelog"+iterate).text(' W: ' + $('.change').width() + 'px , H:' + $('.change').height() + 'px ');
     });
 });
}

if（$（'div'）.hasClass（'change'））{
$（'.change'）。每个（函数（迭代，val）{
twoDivs=“”；
$（'.change'）.append（两个div）；
$（“#changelog”+迭代）.text（'W:'+$（'.change'）.width（）+'px，H:'+$（'.change'）.height（）+'px'）；
$（窗口）。调整大小（函数（）{
$（“#changelog”+迭代）.text（'W:'+$（'.change'）.width（）+'px，H:'+$（'.change'）.height（）+'px'）；
});
});
}

---

Andy

检查代码后，在使用每个函数遍历元素时出现语法错误。这是您的更新代码

if ($('div').hasClass('change')){ 
    $('.change').each(function(iterate){
        twoDivs = "<div id='changelog"+iterate+"'></div><div style='clear: right;'></div>";
        $('.change').append(twoDivs);      

        $("#changelog"+iterate).text(' W: ' + $('.change').width() + 'px , H:' + $('.change').height() + 'px ');
        $(window).resize(function() {
            $("#changelog"+iterate).text(' W: ' + $('.change').width() + 'px , H:' + $('.change').height() + 'px ');
        });
    });
}

if（$（'div'）.hasClass（'change'））{
$（'.change'）。每个（函数（迭代）{
twoDivs=“”；
$（'.change'）.append（两个div）；
$（“#changelog”+迭代）.text（'W:'+$（'.change'）.width（）+'px，H:'+$（'.change'）.height（）+'px'）；
$（窗口）。调整大小（函数（）{
$（“#changelog”+迭代）.text（'W:'+$（'.change'）.width（）+'px，H:'+$（'.change'）.height（）+'px'）；
});
});
}

是的，有一个小错误。您要做的是在foreach div中添加一个页脚并向其注册更改事件。但是，在附加footer div和注册事件时，您引用的是两个div，而不是您正在迭代的那个div。您只需要在变量中保存一个引用

我已经更新了你的脚本

    if ($('div').hasClass('change')) { 
    $('.change').each(function (iterate, val) {
        var self = $(this);
    twoDivs = "<div id='changelog"+iterate+"'></div><div style='clear: right;'></div>";
    self.append(twoDivs);      

     $("#changelog"+iterate).text(' W: ' + self.width() + 'px , H:' + self.height() + 'px ');

     $(window).resize(function() {
     $("#changelog"+iterate).text(' W: ' + self.width() + 'px , H:' + self.height() + 'px ');
     });

 });
}

if（$（'div'）.hasClass（'change'））{
$（'.change'）。每个（函数（迭代，val）{
var self=$（这是）；
twoDivs=“”；
self.append（两个divs）；
$（“#changelog”+iterate）.text（'W:'+self.width（）+'px，H:'+self.height（）+'px'）；
$（窗口）。调整大小（函数（）{
$（“#changelog”+iterate）.text（'W:'+self.width（）+'px，H:'+self.height（）+'px'）；
});
});
}

---

这是更新后的脚本。

明白了，谢谢。不确定我是否100%理解它，但我已经做到了：）