jQuery check if element exists

Question

How can I modify the script below so that it doesn't throw an error when the ".fixit" element is not present in the DOM?

function fixedHeaders() {
       var el = jQuery('.fixit'),
           offset = el.offset(),
           elHeight = el.height(),
           scrollTop = jQuery(window).scrollTop()
           if (((offset.top + 400) < scrollTop - el.height())) {
               el.addClass('fixedElement');
           }

       if (scrollTop === 0) {
           el.removeClass('fixedElement');
       }
}
jQuery(function() {
   jQuery(window)
       .scroll(fixedHeaders)
       .trigger("scroll");
});

Seriously, was it hard to find the answer when searching ? – Denys Séguret Jan 26 '14 at 16:51 — Denys Séguret, Jan 26 '14 at 16:51

score 1 · Accepted Answer · answered Jan 26 '14 at 16:49

1

Start with

if (!jQuery('.fixit').length) return;

answered Jan 26 '14 at 16:49

Denys Séguret

372,613
87
782
758

score 0 · Answer 2 · answered Jan 26 '14 at 16:52

if ($('.fixit').length) {

     var el = jQuery('.fixit'),
           offset = el.offset(),
           elHeight = el.height(),
           scrollTop = jQuery(window).scrollTop()
           if (((offset.top + 400) < scrollTop - el.height())) {
               el.addClass('fixedElement');
           }

       if (scrollTop === 0) {
           el.removeClass('fixedElement');
       }

}

jQuery check if element exists

2 Answers2