jQuery - Pass element to function

Question

Hi I have a function that i want to pass an element to via clicking the element or calling the function with the element as a paramter. This is what I have:

function change_btm_cat(item) {
        $('div.prod_matrix').removeClass('block');
        $('div.prod_matrix').addClass('none');
        $('div.prod_matrix#'+item.attr('id')).removeClass('none');
        $('div.prod_matrix#'+item.attr('id')).addClass('block');
        $('div.btm_cat').removeClass('green_grad');
        $('div.btm_cat').addClass('grey_grad');
        item.removeClass('grey_grad');
        item.addClass('green_grad');
        //ps. i know its messy, just testing stuff
    }

I can easily get it to work using this:

$('div.btm_cat').click(function() {
        change_btm_cat($(this));
    });

But when i try:

$('another.element').live('click', function() {
   change_btm_cat($('div.btm_cat#7'));
});

It seems to pass nothing to the function.

See jsFiddle for working example: http://jsfiddle.net/rb7ZG/1/

Rob · Accepted Answer · 2011-03-15 01:14:40Z

14

try:

$('div.btm_cat').click(change_btm_cat);

function change_btm_cat()
{
     $(this) //becomes available
}

and

$('another.element').live('click', change_btm_cat);

answered Mar 15, 2011 at 1:14

Rob

10.3k5 gold badges64 silver badges93 bronze badges

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

1 Comment

Cory House Over a year ago

Very nice! Never realized $(this) would be in context with this technique. Slick.

Quintin Robinson · Accepted Answer · 2011-03-15 01:14:07Z

4

You are going a little overboard with the selector, try this.

$('another.element').live('click', function() {
   change_btm_cat($('#7'));
});

Since you have the ID and the ID is pretty much the most refined piece of unique information you can have (being the identifier) there is not need for the other refinements.

http://jsfiddle.net/rb7ZG/2/

Let me know if I missed your goal.

answered Mar 15, 2011 at 1:14

Quintin Robinson

82.6k14 gold badges128 silver badges132 bronze badges

1 Comment

Charlie Sheather Over a year ago

Ahh, i understand whats going on now. Ill just update some of my id's and hopefully should be on the way. Cheers

Collectives™ on Stack Overflow

jQuery - Pass element to function

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related