Onclick具有相同ID的多个href

Question

我正在使用一个foreach输出URL到useeguide文章，每个值对于链接来说都是唯一的，但是当我单击foreach的第一个链接时，ID会是相同的'guideurl'，但是在第二个链接上却没有这行不通，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>

这是我的href，它在我的foreach语句中回显：

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

我不太确定如何绕过这一点。

Answer 1

ID应该是唯一的，请改用class。 用$(".guideurl")

Answer 2

ID在页面中应该是唯一的。 您无法使用身份在页面中找到多个元素。

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

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

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

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

---

为此，您实际上应该使用类而不是ID。 作为ID，您没有任何好处。