Loop inside a loop

I have this this code, first part is running ok but when it´s time to pass the i value to second loop, it doesn´t work. It looks like that:

function () {
                 return document.querySelectorAll('.menuElementsAgregator>li:nth-of-type(' + i + ')>.tsr-nav-second-level .has-sub .clickableTabWithLink').length
                                },

doesn´t accept(' + i + ') because if for eg. i manually write 2 in place of i rest of the code will run

 .execute(
            function() {
                return document.querySelectorAll('.menuElementsAgregator>li').length
            },
            function(result) {
                total_links = result.value;
                console.log("Number of main links:" + total_links);
                for (var i = 2; i <= total_links; i++) {
                  (function (i) {
                      browser.waitForElementPresent('.menuElementsAgregator', 3000)
                             .click('.menuElementsAgregator>li:nth-child(' + i + ')>a')
                             .waitForElementVisible('.menuElementsAgregator>li:nth-child(' + i + ')', 2000)
                        .execute(
                                function () {
                                    return document.querySelectorAll('.menuElementsAgregator>li:nth-of-type(' + i + ')>.tsr-nav-second-level .has-sub .clickableTabWithLink').length
                                },
                                    function(result) {
                                    total_links2 = result.value;
                                    console.log("Number of links:" + total_links2);
                                for (var j = 2; j <= total_links2 + 1; j++) {
                                    browser.waitUntilElementIsClickable('.menuElementsAgregator>li:nth-child(' + i + ')')
                                           .click('.menuElementsAgregator>li:nth-child(' + i + ')')
                                           .waitForElementPresent('.menuElementsAgregator>li:nth-of-type(' + i + ')>.tsr-nav-second-level>li:nth-of-type(' + j + ').has-sub', 5000)
                                           .click(' .menuElementsAgregator>li:nth-of-type(' + i + ')>.tsr-nav-second-level>li:nth-of-type(' + j + ').has-sub  .clickableTabWithLink:first-child')
                                           .pause(1000)
                                           .waitForElementVisible('.games-list', 5000);
                                            // .end();
                                    }
                                }
                            )
                  })(i);
              }
          })

[mrjamesriley]

Ok, so the answer here is that you cannot refer to variables within the execute first function as you would normally expect to. What you can do, is make use of the optional second argument to the execute function, which allows you to pass in data. So in your case, you can pass in the value of i doing something like the following:

.execute(
  function (i) {
    return document.querySelectorAll('.menuElementsAgregator>li:nth-of-type(' + i + ')>.tsr-nav-second-level .has-sub .clickableTabWithLink').length
  }, [i],
  function(result) {

Note the second argument which is an array of data that will be passed into the execute function, referred to in order by the function arguments. You may want to rename i within the initial function, to avoid future confusion - but that should work for you.

See: http://nightwatchjs.org/api#execute

[beatfactor]

In the future please post requests for assistance on the Mailing List or StackOverflow.