Pass $this to function

Question

How can I pass the $this (the self keyword) to a function in Jquery

$(document).ready(function()
    {
        $('.nav a').click(function()    {
            var direction = $(this).attr("name");
            submit_form($(this))
        }); 

        function submit_form(this)
        {
            // do some stuff with 'this'


        }       

    });

Answer 1

Try this:

$(document).ready(function() 
    { 
        $('.nav a').click(function()    { 
            var direction = $(this).attr("name"); 
            submit_form(this);
        });  

        function submit_form(myObject) 
        { 
            // do some stuff with 'myObject'


        }        

    }); 

Answer 2

Wrapping it in $() makes it a jQuery object. You would want to do something like

submit_form(this);

function submit_form(obj)
{
    // Work with `obj` as "this"
    // Or wrap it in $() to work with it as jQuery(this)
}

Answer 3

Just pass it as a normal variable?

function submit_form(context)
{
    context.html("Boo!");

}

/// Then when you call it:
submit_form($(this));

Answer 4

Here is what worked for me.

$(document).ready(function()
{
    $('.nav a').click(function()    {
        submit_form(this)
    }); 

    function submit_form(thisObject)
    {
        var direction = $(thisObject).attr("name");
    }       
});