jQuery - 将元素传递给函数

Question

您好，我有一个函数，我想通过单击该元素或以该元素作为参数调用该函数来将元素传递给该函数。这就是我所拥有的:

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
    }

我可以使用这个轻松让它工作:

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

但是当我尝试时:

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

似乎没有向函数传递任何内容。

请参阅 jsFiddle 以获取工作示例:http://jsfiddle.net/rb7ZG/1/

Answer 1

尝试:

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

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

和

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