纯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。）