How to nicely access parent this in jquery?

Question

JavaScript

A snippet like this:

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

Is it possible instead of console.log(value); refer to the parent's this otherwise, without creating a value variable ?

Answer 1

It is possible, but it will not be better:

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

It’s nicer to write such things in CoffeeScript:

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

Or LiveScript:

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