JQuery单击了类的监听器

Question

我有一个类的HTML图像,使用标识的img1,img2,..., img9.我想a用ID link_img1,link_img2... 创建链接(HTML 标记),link_img9这样每当我点击一个链接时,就会出现相应的图像.

我正在考虑将所有链接分配给同一个类,然后为该类添加一个JQuery单击侦听器,并在侦听器内查找该链接的ID,并显示相应的图像.如何为类添加JQuery侦听器,如何从元素中获取ID？

Answer 1

您不应使用a标签的ID 来定义其目标.更好地使用href属性:

<img id="img1" ...>
<img id="img2" ...>
<a href="#img1" class="image-link">Click me</a>
<a href="#img2" class="image-link">Click me</a>

jQuery("a.image-link").click(function(){
  $(this.href).show();
});

这允许您为同一图像提供两个链接.