jQuery $ (это) проблема

Question

Я пишу некоторые коды jQuery, как показано ниже:

$('.button').each(function(){
    $(this).click(function(){
        console.log($(this));
        do_sth();
    });
});

var do_sth = function(){
    console.log($(this));
}

Я хочу, чтобы результаты console.log были такими же, но они работают неправильно ... Первый относится к HTMLElement, а второйв DOMWindow ... Как я могу переписать функцию do_sth, чтобы они все ссылались на HTMLElement?Спасибо.

Answer 1

Вы могли бы сделать ...

do_sth.call(this);

В качестве альтернативы вы можете использовать метод jQuery proxy().

$.proxy(do_sth, this)();

jsFiddle .

Answer 2

1. Вы можете сделать его функцией-прототипом:

$.fn.do_sth = function() { console.log( this ); };

В другом fn, просто сделайте $(this).click(function() { $(this).do_sth(); });

2. Вы можете использовать .call

do_sth.call(this);

3. Вы можете изменить его, чтобы ожидать параметр элемента:

function do_sth( el ) { console.log( el ) }

Answer 3

Вот как:

$('.button').click(function() {
        do_sth.call(this);
    });
});

Answer 4

Затем напишите функцию do_sth, которая будет принимать элемент $ (this) в качестве параметра:

var do_sth = function($el) {
  console.log($el)
}

Затем выполните это:

$('.button').each(function(){
    var $that = $(this);
    $(this).click(function(){
        console.log($that);
        do_sth($that);
    });
});

Answer 5

передать параметр вызываемой функции.

$('.button').each(function(){
    $(this).click(function(){
        console.log($(this));
        do_sth(this);
    });
});

var do_sth = function(button){
    console.log(button);
}

вот скрипка: http://jsfiddle.net/JfwNJ/