Jquery object returns undefined

Question

So, i have a function that is called via a selector

$(window).scroll(function() {
    console.log($("#content div").inview());
});

However it returns undefined. When I return $elems it shows me all correct elements, but when i return $el it gives undefined.

$.fn.inview = function() {

    var $elems = this;

    function getViewportHeight() {
        /*do tsoomething that works*/
        return height;
    }

    var vpH = getViewportHeight(),
    scrolltop = (document.documentElement.scrollTop ?
        document.documentElement.scrollTop :
        document.body.scrollTop);

    // return $elems.toArray();
    $elems.each(function () {
        var $el = $(this)
        height = $el.height() - (vpH / 1.5),
        inview = $el.data('inview') || false,
        topofscreen = scrolltop,
        botofscreen = topofscreen + vpH,
        topofelement= $el.offset().top;

        return $el;


};

Possible duplicate of Return a value when using jQuery.each()? — JJJ
– JJJ, Commented Oct 30, 2015 at 11:16

Quentin · Accepted Answer · 2015-10-30 11:23:53Z

2

inview doesn't have a return statement, so it always returns undefined

When you return $el; you are doing it inside the anonymous function you pass to $elems.each

If you want to return something from inview then you need a return statement in that function. Possibly you want to create an array just before you call each, push $el onto the array each time you go around the loop and then return the array.

edited Oct 30, 2015 at 11:23

answered Oct 30, 2015 at 11:16

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

Collectives™ on Stack Overflow

Jquery object returns undefined

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related