Many instances not working in FireFox

[SamehSaeed]

Hello, I'm working on a project that need to create many instance of flip clock with face "Counter" on each row, in about 18 rows so I created an array to put the instances in it, that works perfectly on all browsers except "Fire Fox".

Look to the third highlighted column the first & second is fixed just html elements take the CSS Classes for design.

Code:

    var flipArr = [];
    var rowsArr = [];
    var selectedRow = 0;

    $(document).ready(function () {
        var tempRowsObjArr = $(".rowUpdatedContent");
        //debugger;
        for (i = 0 ; i < (tempRowsObjArr.length) ; i++) {
            var divs = $(tempRowsObjArr[i]).find("div.filpNum").each(function () {
                var value = this.innerText;
                var temp = new FlipClock($(this), value, {
                    clockFace: 'Counter',
                    minimumDigits: 3
                });
                flipArr.push(temp);
            });
            rowsArr.push($(divs[0].parentNode.parentNode));
        }

        console.log(flipArr);
        console.log(rowsArr);

    });

FireFox

All Other Browsers

[SamehSaeed]

I understood the issue, here it is "this.innerText" not working with firefox, it must be like that

    for (i = 0 ; i < (tempRowsObjArr.length) ; i++) {
        var divs = $(tempRowsObjArr[i]).find("div.filpNum").each(function () {
        var value = (this.innerText) ? this.innerText : this.innerHTML;
        var temp = new FlipClock($(this), value, {
                clockFace: 'Counter',
                minimumDigits: 3
            });
            flipArr.push(temp);
        });