我想通过ajax从codeigniter中的foreach循环获取特定的图像ID答案

【问题标题】：I want get specific image id from foreach loop in codeigniter through ajax我想通过ajax从codeigniter中的foreach循环获取特定的图像ID
【发布时间】：2016-12-09 17:23:18
【问题描述】：

我想从foreach 循环中获取图像的特定记录，然后我想将此值带到另一个页面

<?php foreach($portfolio_image as $image):?>
    <h3><?=$image->portfolio_image_title?></h3>
    <p><?=$image->portfolio_image_detail?></p>
    <a id="lin" href="#portfolio-si" data-id="<?=$image->portfolio_image_id?>">
<?php endforeach;?>

<script>
         $(document).ready(function(){
             $('#lin').click(function(evt){
               evt.preventDefault()
                   $.ajax({
                       type : 'POST',
                       url  : "<?=base_url();?>index.php/home/single_portf",
                       data : {id:$('#lin').attr('data-id')},
                       cache : false,
                       success: function(data){
                           $('#portfolio-sig').html(data);
                       }
                    });
      });
</script>

【问题讨论】：

请在您的帖子中添加更多详细信息，例如您尝试过的内容以及有效/无效的内容，以及您认为可能有帮助的任何其他信息。
你有什么问题？

标签： ajax codeigniter foreach-loop-container

【解决方案1】：

你可以像下面这样使用class="lin"：

<a id="lin" class="lin" href="#portfolio-si" data-id="<?=$image->portfolio_image_id?>">

像下面这样改变 jquery onclick 函数：

$('.lin').click(function(evt){

然后使用 jquery $(this) 方法如下：

data : {id:$(this).attr('data-id')},

所以，最后：

<?php foreach($portfolio_image as $image):?>
    <h3><?=$image->portfolio_image_title?></h3>
    <p><?=$image->portfolio_image_detail?></p>
    <a id="lin" class="lin" href="#portfolio-si" data-id="<?=$image->portfolio_image_id?>">
<?php endforeach;?>

<script>
$(document).ready(function(){
    $('.lin').click(function(evt){
        evt.preventDefault();
        var id = $(this).attr('data-id');

        $.ajax({
           type : 'POST',
           url  : "<?=base_url();?>index.php/home/single_portf",
           data : {id: id},
           cache : false,
           success: function(data){
               $('#portfolio-sig').html(data);
           }
        });
    });
});
</script>

【讨论】：

我很累，但我有四张照片，即使我将鼠标悬停在第四张照片上，我总是得到第一张照片的 id
我已经检查过了，它正在返回我的第一张图片 ID
不可能。 var id = $(this).attr('data-id'); console.log(id); 显示此结果
class="lin" 父类或 id 的名称是什么？
锚标签类