Running a function on multiple elements using Jquery

Question

Hey,

I've got some code that I'd like to run on every single checkbox on my page within a table, but I'm not sure of the best way to do this? I've tried something like this but it didn't work :(

$(document).ready(function() {

    function whatever (elem) {
     var $elem = elem;
     $elem.val('test');
    }

    $('table tr td :checkbox').(function() {
     whatever($(this));
    }

});

Any help would be fantastic, at a bit of a loss with this! Thanks :)

Answer 1

Use $.each();

$.each($('table tr td :checkbox'), function()
    {
       // Code
    });

To access the checkbox you are currently working on in the loop, use this.

$.each($('table tr td :checkbox'), function()
    {
       $(this).hide();
    });

Answer 2

Check $().each().

And by the way, foo.(bar) is not valid Javascript syntax.