Question

Hey all looking throughout all of stackoverflow this looks like a common error i just cant wrap my head around. i am busy upgrading our site from pure JS to jquery in preparation for us moving over to Rails 3.1 now i have this javascript:

 :javascript
   ["Ownership", "Management", "EmploymentEquity", "SkillsDevelopment", "PreferentialProcurement", "EnterpriseDevelopment", "SocioeconomicDevelopment"].each(function(element) {
     $$('.' + element).each(function(s) {
       s.toggle();
     });
 });

so basically it is running trough an array of css classes and then toggling them. now when i run this with the jQuery lib i get an error that looks like this

Uncaught TypeError: Object Ownership,Management,EmploymentEquity,SkillsDevelopment,PreferentialProcurement,EnterpriseDevelopment,SocioeconomicDevelopment has no method 'each' 

now i am just trying to test one element at a time to get the jQuery working at least this is what i have so far.

$("OwnershipHeader").click(function () {
$("Ownership").toggle("slow");
});

very simple so just when you click on the header it toggles its children. so when i enter that in the console it works just fine. until i click on the header of coarse:

Uncaught ReferenceError: $$ is not defined

this seems really simple and yet its breaking every time… i am relatively new to jQuery i have just worked with the Jquery UI lib before. any suggestions are appreciated

Answer 1

Uncaught TypeError: Object Ownership,Management,EmploymentEquity,SkillsDevelopment,PreferentialProcurement,EnterpriseDevelopment,SocioeconomicDevelopment has no method ‘each’

I think you meant forEach. But since this doesn’t work in all browsers, use jQuery’s each function

$.each(["Ownership", "Management"], function(i, element) {...

Uncaught ReferenceError: $$ is not defined

jQuery uses a single dollar sign ($)

$("OwnershipHeader").click(function () {
  $("Ownership").toggle("slow");
});

jQuery selectors are mostly like CSS selectors. So this should work:

$(".OwnershipHeader").click(function () {
  $(".Ownership").toggle("slow");
});