Jquery将click功能添加到具有相同Class的多个spans中

Question

我尝试使用jquery将.click()函数添加到使用其类的几个动态生成的跨度中。我尝试的主要是：

$(".spanClass").click(function () {});

我也尝试过：

$(".spanClass").on("click", function () {});

现在，这一切都有效。我的问题是.click()只被分配到这个类的第一个跨度。当我点击它时，这个类的每个其他跨度都没有任何作用。显然，我需要班级的每个跨度都有.click()。

值得注意的是，我的跨度包含在表格的单元格内。每个跨度位于不同的单元格中，每个表行只有一个单元格包含跨度。

非常感谢任何帮助。

JSFiddle我正在与之合作。 JSFiddle链接

编辑注释：最初这个问题涉及使用ID而不是类。人们注意到我应该使用课程，如果那不起作用，应该编辑问题。

编辑2：添加了有关表格的信息。

最终编辑：选择最佳解决方案。如果您遇到此问题，最佳答案正在运行。我的问题是我的.on（＆＃34;点击＆＃34;）功能本身内的脚本问题。

Answer 1

您需要使用class代替id。

id在整个页面中应该是唯一的：

  

ID必须在文档中是唯一的，并且通常用于使用getElementById检索元素。

因此，尝试将click事件分配给它会在id = spanId

的第一次出现时触发

请参阅下面的示例，并使用.on("click", function())代替.click()

$(".yourspanclass").on("click", function(){
    // do what you need on click 
});

查看工作示例 HERE