đèo $ này thực hiện chức năng

Question

Làm thế nào tôi có thể vượt qua $ này (tự từ khóa) để một hàm trong 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

gói nó trong $() làm cho nó một jQuery vật. Bạn sẽ muốn làm điều gì đó như

submit_form(this); 

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

Answer 2

Hãy thử điều này:

$(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 3

Chỉ cần chuyển nó làm biến bình thường?

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

} 

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

Answer 4

Không thể đặt từ khóa this từ JavaScript. Nó được JavaScript tự động tạo ra và "luôn đề cập đến" chủ sở hữu "của hàm mà chúng ta đang thực thi, hay đúng hơn là đối tượng mà một hàm là một phương thức".
— http://www.quirksmode.org/js/this.html

Bạn có một vấn đề trong mã của mình (cố gắng đặt tên cho tham số của hàm submit_form() cho điều này). Tuy nhiên, cách mã của bạn được đặt ra không làm cho nó rõ ràng cho dù bạn đang có ý định để vượt qua dọc theo neo nhấp vào bọc như một đối tượng jQuery hoặc như là nút DOM cho neo.

$(document).ready(function() { 
    $('.nav a').click(function() { 
     $anchor = $(this);      // Capture the jQuery-wrapped anchor for re-use; 'this' is an anchor because it matched $('.nav a') 
     var direction = $anchor.attr("name"); // $variable_name is a standard pattern in jQuery to indicate variables that are jQuery-wrapped instead of DOM objects 

     submit_form_jquery($anchor);   // Providing versions of submit_form function for passing either jQuery-wrapped object or DOM object 
     submit_form_dom(this);     // Pick the one you prefer and use it 
    }); 

    function submit_form_jquery($my_anchor) { // Function with well-named parameter expecting a jQuery-wrapped object 
     // do some stuff with '$my_anchor' 
     // $my_anchor here is assumed to be a jQuery-wrapped object 
    } 

    function submit_form_dom(anchor) {   // Function named expecting a DOM element, not a jQuery-wrapped element 
     // do some stuff with 'anchor' 
     // anchor here is assumed to be a DOM element, NOT wrapped in a jQuery object 
    } 
}); 

Trên một lưu ý chủ yếu là không liên quan, có thể bạn sẽ muốn một trong hai return false; hoặc sử dụng event.preventDefault() để giữ cho trang từ sau href trên neo được nhấp. Bạn có thể làm điều đó như sau:

$(document).ready(function() { 
    $('.nav a').click(function(event) { 
     event.preventDefault(); 
     // And now do what you want the click to do 
    }); 
}); 

Answer 5

Đây là những gì hiệu quả đối với tôi.

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

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

Answer 6

Có, này có thể được đặt dễ dàng. Xem Function.call() và Function.apply().