Question

我使用foreach to outut urls来使用指南文章，每个值对于链接都是唯一的，但当我点击jquery工作的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的多个href

2 个答案: