JQuery each function?

Question

Script:

var degress = GiveDegrees();

$(function () {
    //alert(GiveDegrees());  //output: 89,91,87,90,91
});

function GiveDegrees() {
    var divs = $('p.wx-temp');
    var degrees = new Array();

    $.each(divs, function (i, j) {
        degrees.push(stringToNum($(this).text()));
    });

    return degrees;
}

function stringToNum(str) {
    return str.match(/\d+/g);
}

I have this :

$("p.wx-temp").each(degress, function (index) {
    $(this).append(degress[index], "<sup>°C</sup>");

    alert("I works");
});

But It does not work. when I write like this:

$("p.wx-temp").each(function (index) {
    $(this).append("<sup>°C</sup>");

    alert("I works");
});

It works. Is there no overload method for .each() function .each(data, function (index)) ?

degrees array is integer array that include five int as 89,91,87,90,91. How can I use .each function to add array values to each p element.

Thanks.

its array of integer. It is only displaying not real format. — AliRıza Adıyahşi
– AliRıza Adıyahşi, Commented Sep 6, 2012 at 8:21

David Hellsing · Accepted Answer · 2012-09-06 08:36:03Z

3

Why would you need to bring degress into the each at all? It’s already available, using closures:

$("p.wx-temp").each(function(index) {
    $(this).append(degrees[index], "<sup>°C</sup>");
    alert("I works");
});

OR

var $elems = $("p.wx-temp");
$.each(degrees, function(i, val) {
    $elems.eq(i).append(val, '<sup>°C</sup>');
});

If the elements length matches the array length, it should make no difference wich one you loop, but the first one is probably faster (although using a native array loop would be fastest).

Note that you are spelling degrees and degress differently in the two sections.

edited Sep 6, 2012 at 8:36

answered Sep 6, 2012 at 8:30

David Hellsing

109k44 gold badges181 silver badges214 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

AliRıza Adıyahşi Over a year ago

This is solution.Thanks It still does not work for me :(( I thinks there is another problem. When I write with alert degress[0] out of each function it works.

Brad Werth · Accepted Answer · 2012-09-06 08:34:50Z

2

var degrees = [89,91,87,90,91];
$("p.wx-temp").each( function (index) {
    $(this).append(degrees[index], "<sup>°C</sup>");

    alert("I work");
});

answered Sep 6, 2012 at 8:34

Brad Werth

17.7k10 gold badges66 silver badges89 bronze badges

Collectives™ on Stack Overflow

JQuery each function?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related