功能上的jQuery選擇器

Question

對於多個拉斐爾（svg）節點，我定義了一個CSS類。 可以通過參考此類來選擇所有這些節點，例如：

console.log($(':raph(nodecss)'));

給出所有節點的概述。 供您參考，節點是動態創建的

現在，我想使用以下代碼在事件處理程序上定義一個（jquery）：

$(document).on("mousedown", SELECTOR, (function(evt) {
console.log(this);
}).bind(this));;

在其中應給出單擊的實際節點。 對於SELECTOR，我使用了以下選項：

1. $（'：raph（nodecss）'）
2. “ $（'：raph（nodecss）'）”
3. '：raph（nodecss）'

由於不同的原因，所有人都無法正常工作：

1. Console.log（this）引用窗口而不是單擊節點
2. 未捕獲的錯誤：語法錯誤，無法識別的表達式：$（'：raph（nodecss）'）
3. 對於動態創建的節點，對於在頁面加載時創建的節點，單擊事件根本不會觸發（無響應）

在打開功能中應使用什么作為選擇器，以便在單擊節點時觸發事件，從而提供已被單擊的實際節點？

Answer 1

更正式地說，這應該起作用：

$(document).on("mousedown", ':raph(nodecss)',
    function(evt) {
        console.log(evt.target);
    }
);

實際上，您應該可以使用this代替evt.target ，但是即使函數綁定到錯誤的對象（例如，窗口）， evt.target應該可以工作-我相信您的第一種情況正在發生。