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);

Answer 2

你的选择器有点过火了，试试这个。

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

由于您拥有 ID，并且 ID 几乎是您可以拥有的最精炼的唯一信息（作为标识符），因此不需要其他细化。

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

如果我错过了你的目标，请告诉我。