AJAX点击不起作用

Question

$(document).ready(function(){

  $('#urun_ekbilgi').click(function() { 
    var clsnm = $(this).attr('class');
   $.ajax({
      type: 'POST',
      url: 'urun_bilgisi.asp',
      data: 'sno='+clsnm,
      success: function(ajaxCevap) {
        $("#ajaxPage").html(ajaxCevap);
      }
    });
    return false;
  });
});

<a id="urun_ekbilgi" class="1">İçerik 1 Getir</a><br>
<a id="urun_ekbilgi" class="2">İçerik 2 Getir</a><br>
<a id="urun_ekbilgi" class="3">İçerik 3 Getir</a><br>

<div id="ajaxPage"></div>

urun_ekbilgisi不起作用！

点击class =“1”工作
点击class =“2”不起作用？为什么！

Answer 1

当使用ID元素时，jquery假设只有一个要查找的元素（因为ID应该是唯一的）。这就是为什么只有第一个“a”标签才有效。 相反，您希望为所有“a”标记使用公共类，因为可以有多个具有相同类的标记。

这样的事情可以解决问题：

$(document).ready(function(){

    $('.urun_ekbilgi').click(function() { 
    var clsnm = $(this).attr('class');
    $.ajax({
          type: 'POST',
          url: 'urun_bilgisi.asp',
          data: 'sno='+clsnm,
          success: function(ajaxCevap) {
              $("#ajaxPage").html(ajaxCevap);
          }
    });
    return false;
    });
});

<a class="urun_ekbilgi">İçerik 1 Getir</a><br>
<a class="urun_ekbilgi">İçerik 2 Getir</a><br>
<a class="urun_ekbilgi">İçerik 3 Getir</a><br>

<div id="ajaxPage"></div>