Getting an array out of a JQuery function

Question

I'm fairly new to JQuery. I've written the following function, I can view the created array in the console so I know that the function works okay. My question is how do use the array outside of the function? I've tried inserting return arr; at the end of the function, but I just can't seem to access the array values!

function css_ts() {
    arr = [];
    $('.timeslot').each(function(){
        var bid = $(this).children("input[type='hidden']").val();
        if (bid > 0) {
            $(this).css('background-color','blue');
            arr.push(bid);
        }
        else
        {
            $(this).css('background-color','#ececec');
        }
    });
    console.log($.unique(arr));
}

How are you trying to use the returned value? Can you post that piece of code here? — Dogbert
– Dogbert, Commented Mar 19, 2011 at 23:30
The code is part of a booking system, the returned values are booking ids. The day is broken down into 15 min segments, the code above finds all the segments that have a booking in them. At the moment each 15 minute segment is a div element with a border, though one or more divs could have the same value, if say a booking lasts an hour. If that is the case I want the four div elements to look joined (ie change the CSS so the borders are removed between the divs). Therefore I would iterate over the returned array to find the bookings that where more than 15 mins and adapt the CSS accordingly — Dan
– Dan, Commented Mar 19, 2011 at 23:37

Wayne · Accepted Answer · 2011-03-19 23:33:18Z

1

arr inside css_ts is implicitly global, because you've omitted the var keyword. You should always use var when declaring/initializing a variable:
```
var arr = [];
```
Add the following line to the end of your function:
```
return arr;
```
Then use it like this:
```
var arr = css_ts();
```

answered Mar 19, 2011 at 23:33

Wayne

60.5k15 gold badges135 silver badges129 bronze badges

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

Comments

aorcsik · Accepted Answer · 2011-03-19 23:33:09Z

1

Add a var before arr = [];, this makes it local for your function, and you will be able to return it at the end.

answered Mar 19, 2011 at 23:33

aorcsik

15.6k5 gold badges42 silver badges50 bronze badges

1 Comment

Wayne Over a year ago

To be clear, you can return it even when it's global, but it will just return a reference to the global variable, as the following should demonstrate: var val = (function() { return test = "3" })(); val === window.test // true

tinymark · Accepted Answer · 2011-03-19 23:31:59Z

0

Did you declared the arr[] inside the function or outside the function? If you did create it inside the function then no other function can see this variable because of the scope of the variable. Move the declaration outside of the function and give it a try. I hope this helps.

answered Mar 19, 2011 at 23:31

tinymark

1

Collectives™ on Stack Overflow

Getting an array out of a JQuery function

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related