Как в jquery красиво получить доступ к родительскому this?

Question

[EVOSandru6]

Такой фрагмент:

$('.exapmle-1 input').keyup(function()
{
   var value = $(this).val();
   $(this).parent().parent().find('td:gt(0)').each(function()
   {
       console.log(value);
   });
});

Можно ли заместо console.log(value); обратиться к родительскому this иначе, не создавая переменную value?

Answer 1

[Назар Мокринский]

Можно, но будет не лучше:

$('.exapmle-1 input').keyup(function()
{
   var f = function() {
       console.log($(this).val());
   };
   $(this).parent().parent().find('td:gt(0)').each(f.bind(this));
});

Приятнее такие штуки пишутся на CoffeeScript:

$('.exapmle-1 input').keyup ->
    $(this).parent().parent().find('td:gt(0)').each =>
        console.log $(this).val()
        return

Или LiveScript:

$('.exapmle-1 input').keyup ->
    $(this).parent().parent().find('td:gt(0)').each !~>
        console.log $(this).val()

Answer 2

[Антон Кучеров]

Равносильно представленному выше. Не обязательно выносить функцию в отдельную перемнную. Достаточно указать bind() после закрывающей скобки.

$('.exapmle-1 input').keyup(function() {
   $(this).parent().parent().find('td:gt(0)').each(function(){
       console.log($(this).val());
   }.bind(this));
});

В ES6 можно так:

$('.exapmle-1 input').keyup(() => {
   $(this).parent().parent().find('td:gt(0)').each(() => { 
            console.log($(this).val());
    });
   });

Comments

[Назар Мокринский]

В ES2015 arrow function this же и так будет таким, как нужно, зачем там bind?

[Антон Кучеров]

Ай да, точно!