加入jQuery的点击功能的几个跨度相同类别(Jquery adding click functio

我试图使用jquery一个补充.click()使用其类函数的几个动态生成的跨度。 我试图基本上是：

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

我也曾尝试：

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

现在，这一切工作，在一定程度上。 我的问题是， .click()只被分配到这个班的第一跨度。 每隔跨度与此类绝对没有，当我点击它。 很显然，我需要每一个跨度类有.click()

需要注意的是我的跨度都包含一个表里面的细胞中，这可能是重要的。 每个跨度在不同的细胞，且有每一个包含跨度表行只有一个格。

任何帮助是极大的赞赏。

就是我有工作的jsfiddle。 的jsfiddle链接

编辑注：本来这个问题，使用ID而不是一个类参与。 人们已经注意到，我应该使用类代替，并应编辑的问题，如果没有工作。

编辑2：关于表添加信息。

最后编辑：最好的解决方案选择。 如果你遇到这个问题，最好的答案是否正常工作。 我的问题是我的。对内部的脚本问题（“点击”）函数本身。

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

文章来源: Jquery adding click function to several spans with the same Class