javascript - 页面加载时如何在jquery中获取增量值

Question

我有

$ i=1 , $i =2, $i=3;

加载页面时，我需要将所有 $i 值传递给 jquery

<?php   
    $i=1; 
    foreach($details as $value)
    {
      i++;
?>
      <input type ="hidden" id="social"  value="<?php echo $i?>"> 
<?php
    }
?>

我已经尝试过，我只得到 $i=1 作为输出。我需要在页面加载时获取所有 $i 值

<script>
       $(document).ready(function(){             
             var social=$('#social').val();   
             alert(social);                  

    });
</script> 

Answer 1

在input中使用class而不是id

<?php   $i=1; 
    foreach($details as $value){?>
<input type ="hidden" class="social"  value="<?php echo $i?>"> 
<?php $i++; }?>
}?>

然后遍历所有.social

<script>
       $(document).ready(function(){             
             $('.social').each(function()
             {   
             console.log($(this).val());                  
             } 
    });
</script>