jQuery Find element else do nothing ?

Question

Hi Guys,

I am trying to use jQuery to basically wrap a bunch of CSS modifications via jQuery but on pages where the #IDs or Classes dont exist I get errors ? Like

jQuery(".class").css(random_stuff) is not a function

Any ideas what I can do to either "find" the elements and do nothing or ?

Answer 1

if(jQuery(".class").length)
{
  jQuery(".class").css(random_stuff);
}

per Jquery Faq

You can use the length property of the jQuery collection returned by your selector:

Answer 2

In this case it looks like the jQuery library isn't being included correctly.

If jQuery finds nothing matching your selector, nothing will happen because it didn't find any elements to perform the action on, this is the default behavior.

Answer 3

You can check the return value's length property:

var myElement = $('.class');
if (myElement.length > 0)
    myElement.css(random_stuff);

Answer 4

Sounds like you are missing a reference to jQuery on those pages. jQuery only performs an action on the matched selection...it will not throw an error if nothing matches.

Answer 5

See this question

http://stackoverflow.com/questions/31044/is-there-an-exists-function-for-jquery