Question

我有一类HTML格式的图片，ID为img1，img2，...，img9。我想制作ID a，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();
});

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

Answer 2

下面。正如其他一些答案中所提到的，id可能不是确定应该采取什么行动的最佳方式。根据需要使用其他属性

$('a.some-class').click(function() {
    switch (this.id) {
        case 'one':
          // do something
          break;
        case 'two':
          // do something
          break;
        default:
          // do something
          break;
    }
});

Answer 3

尝试：

$('a.yourClassName').click(function(){
   $('img#'+ this.id).show();         
});

Answer 4

要为类添加侦听器，只需选择jQuery方式（即$（＆＃39; elem.class＆＃39;）。然后使用attr（）获取id。

Answer 5

试试这个

$('a.yourClass').click(function(){
    var $linkID= $(this).attr('id'); 
    $('img#'+ $linkID).show();         
});

JQuery单击了类的监听器

5 个答案: