Jquery函数的迭代答案

【问题标题】：Iteration of Jquery functionsJquery函数的迭代
【发布时间】：2014-10-17 03:25:14
【问题描述】：

我制作了：http://jsfiddle.net/ablueman/sfjL9kyr/ 并想将其应用于课程。因此，我将该类放入的每个 DIV 都会显示宽度和高度。

我开始尝试创建它，但遇到了障碍：http://jsfiddle.net/ablueman/2uvpk2d5/

在第一个 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 ');
     });
 });
}

安迪

【问题讨论】：

标签： javascript jquery html css iteration

【解决方案1】：

是的，有一个小错误。您正在尝试做的是 foreach 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 ');
     });

 });
}

这里是 JSFiddle Link 更新的脚本。

【讨论】：

明白了，谢谢。不确定我是否 100% 理解它，但我到了 :)

【解决方案2】：

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

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

【讨论】：