Getting returned value from a callback function -JQuery

Question

I'm new to jQuery and I know this is probably super easy. I wanna get the returned value from a callback function in an event. Code is here:

$('.hintItem').on('mouseenter', function(e){
     changeItemStyle(e);
     var hintItemIndex = $(this).index();
     return hintItemIndex;
});

I want to grab the value of hintItemIndex and store it to a new variable. Could anyone kindly help me?

That is not the way jquery callbacks work (you can't get the return value), explain your use case and perhaps we can suggest an alternative approach. — Rob M.
– Rob M., Commented Feb 19, 2016 at 19:37
What's stopping you from storing it in a variable? What does that have to do with returning a value? — Amit
– Amit, Commented Feb 19, 2016 at 19:37

Arman Ozak · Accepted Answer · 2016-02-19 19:40:14Z

2

Try this:

var hintItemIndex;
$('.hintItem').on('mouseenter', function(e){
     changeItemStyle(e);
     hintItemIndex = $(this).index();
});

Basically, you define a variable outside the fuction and assign a value to it via the function.

answered Feb 19, 2016 at 19:40

Arman Ozak

2,34413 silver badges11 bronze badges

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

3 Comments

vinayakj Over a year ago

Beware of accessing the variable before mouseenter event occurs

Arman Ozak Over a year ago

True @vinayakj, I definitely agree. I didn't put that in since I thought it wasn't in the scope of the OP. Should I?

vinayakj Over a year ago

Its ok, just wanted to warn OP, as OP didnt seems much experienced about callbacks. Answer is correct & I already given +1.

Aamir · Accepted Answer · 2016-02-19 21:52:26Z

0

Try following function.

function getHintItemIndex() {
    var retVal;
    $('.hintItem').on('mouseenter', function(e){
     changeItemStyle(e);
     var hintItemIndex = $(this).index();
     return hintItemIndex;
     });
    return retval;
}

var retVal = getHintItemIndex();

answered Feb 19, 2016 at 21:52

Aamir

17.1k10 gold badges62 silver badges68 bronze badges

Collectives™ on Stack Overflow

Getting returned value from a callback function -JQuery

2 Answers 2

3 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Related