ajax - ajaxを介してcodeigniterのforeachループから特定の画像IDを取得したい

Question

ループから画像の特定のレコードを取得し、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>