javascript - jQuery 此选择器不适用于图像

Question

好的，我有一堆 ID 为“mashupButton”的图像，但我的印象是，如果我使用“this”而不是“#mashupButton”创建 jQuery 点击函数，它只会执行单击图像上的功能。这对我有用，但仅适用于页面上具有该 ID 的第一张图片，在我完成一次后，它就不再有效了。

文档准备好后:

$("#mashupButton").click(function()
                {
                    $(this).effect("drop", {direction:"up"}, 1000);
                });

标签是这样的:

<a href="#" onClick="differentFunction"><img src="imagename.png" id="mashupButton"></a>

所以澄清一下: 我已经说了 10 个图像，所有图像都带有 ID mashupButton - 我有一个 jQuery 效果，当它被单击时，它会在该特定图像上执行。然而，它只适用于这些图像中的第一个，即使它们都包含相同的 ID。我是否需要为每个人提供唯一的 ID，或者是否可以通过某种方式实现？

Answer 1

“id”属性的值在页面中必须是唯一的。将“mashupButton”重新用作图像“束”的“id”是不正确的标记。每个<img>标签必须有自己唯一的“id”(当然也可以根本没有“id”)。您可以使用“类”属性来标记此类 <img>当然，元素是您的“点击”处理程序的候选对象。