问如何获得单击的DOM元素？

EN

Ajax

即使您使用的是remote: true，仍然有一个click侦听器的空间。最好将ajax钩与发起远程ajax调用的元素一起使用：

$(document").on("ajax:beforeSend", "#your_element", function(){
   $(this).hide(); -> hides element
});

我认为您将能够在示例中的.click事件绑定器上使用此方法。原因是，虽然您可以调用click，但它基本上不会对ajax调用产生任何影响；而使用ajax hooks之一将对其产生一定影响。

--

Rails

关于您的Rails后端(您的.js.erb文件)，您将无法将$(this)引用到应用程序的该部分。JS使用DOM的原因--这意味着它只能观察屏幕上的元素和正确的函数范围内的元素。

如果您想直接与链接交互，您应该考虑使用我前面提到的ajax钩子之一，页面交互性由前面提到的后端.js.erb文件提供。

实际上，您的想法有点错误，因为js.erb将在向服务器发送新请求后执行，因此您将无法将它与当前的DOM元素链接起来。

为了实现您的目标，我认为您应该为每个链接分配一个唯一的ID，然后将该ID与请求params一起传递给服务器。然后在您的js.erb上，您将能够使用该ID来正确识别已单击的链接。

例如：

<%= link_to "Test link", some_path(link_id: "link_1"), remote: true, id: "link_1" %>

<%= link_to "Test link 2", some_path(link_id: "link_2"), remote: true, id: "link_2" %>

控制器

def my_action
    @link_id = params[:link_id]
end

js.erb

console.log($("#<%= @link_id %>"));

在Vanilla JavaScript中，回调函数中的addEventListener函数中的this是触发事件的元素。

请参考这个小提琴

标记：

<input type="button" value="Click Me" id="button" />

JavaScript

document.querySelector('#button').addEventListener('click', function(e){
    console.log(this);
})

​

​