純JavaScript等於jquery $（this）

Question

我目前有代碼爲jQuery的鏈接。點擊選定的鏈接時，會打開對話框。

$('.dialog_link_add').click(function(){ 
    var row_id = $(this).parent().parent().attr('id'); 
    return false; 
} 

因爲對話總是讓窗口滾動到頂部（在Internet Explorer），我已經使用純JavaScript和實現方法老FASION方式找到解決這個。

onclick="function_call(this);return false;" 

...但它不工作。我現在怎麼發送「this」參數等於jQuery $（this）？

Answer 1

您實際詢問的問題的答案是：$(this)的原始等價物是this，但是以您給定的onclick的形式，它將成爲您傳遞給函數的參數。您可以繼續，如果你想使用jQuery在功能，只需接受元素作爲參數（因爲這是你如何通過它），然後就可以使用$()：

function function_call(elm) { 
    var row_id = $(elm).parent().parent().attr('id'); 
    // ... 
} 

不過要完全原始DOM ::

function function_call(elm) { 
    var row_id = elm.parentNode.parentNode.id; 
} 

更在各種DOM規範和HTML5 API：

• DOM2 Core
• DOM2 HTML
• DOM3 Core
• HTML5 Web Apps APIs

但：您可以防止滾動你的jQuery版本，以同樣的方式：

$('.dialog_link_add').click(function(){ 
    var row_id = $(this).parent().parent().attr('id'); 
    return false; // <<============= 
}); 

在jQuery的處理程序，return false做了兩件事：

1. 防止默認操作（所以在#形式的鏈接的情況下，它不會滾動窗口）。

2. 防止事件冒泡DOM。

在DOM0式處理器（您onclick），return false阻止默認動作，但不停止冒泡。 More about return false in various types of handlers。（編輯後的問題顯示了jQuery的處理程序，最初並不是有沒有return false。）