Jquery 单击具有相同id的多个HREF

我正在使用foreach输出URL以使用指南文章，每个值对于链接都是唯一的，但是当我单击foreach中的第一个链接时，id将是相同的“guideurl”，jquery工作，但在第二个链接上它不工作，jquery也不激活，下面是我代码的一部分：

Jquery：

<script>
$(document).ready(function() {
$('#guideurl').click(function(){
    $.ajax({
        type: 'GET',
        url: '<?php echo URL;?>help/viewguides/',
        data: 'guideurl=' + $("#guideurl").attr("value"),
        success: function(msg) {
            $('#panel-body').html(msg);
        }
      });
});
});
</script>

$（文档）.ready（函数（）{
$（'#guideurl'）。单击（函数（）{
$.ajax({
键入：“GET”，
url:'help/viewguides/'，
数据：“guideurl=”+$（“#guideurl”）.attr（“值”），
成功：功能（msg）{
$（'#面板主体'）.html（msg）；
}
});
});
});

这是我的href，在我的foreach声明中得到了回应：

<a href="javascript:void(0)" value="<?php echo $guide->url; ?>" id="guideurl"><?php echo $guide->title; ?>

---

如果ID是唯一的，请改用类。
使用
$（“.guideurl”）对其进行寻址
id在页面中应该是唯一的。不能使用标识在页面中查找多个元素

仍然可以使用id属性来定位元素，但是您需要将其用作属性，而不是标识：

$('[id=guideurl]').click(function(){

从元素获取值时，应从单击的元素获取值，而不是使用选择器获取值：

data: 'guideurl=' + $(this).attr("value"),


为此，您应该使用类而不是id。作为一个id，您没有任何好处。
IDattr在您的文档中应该是唯一的。如果使用id查找元素，jQuery只返回一个元素。。