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

How to get increament value in jquery when page is load

本文关键字：获取 jquery 加载      更新时间：2023-11-17

我有

$ 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>

在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>

ID必须是唯一的，不能有多个具有相同ID的输入。请使用一个类，然后创建一个包含所有值的数组。

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

然后在JS中：

$(document).ready(function() {
    var social = $(".social").map(function() {
        return this.value;
    }).get();
    alert(JSON.stringify(social));
});

所有的输入id都是相同的，所以jQuery只取第一个元素的值。将代码更改为

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

在jQuery中使用

<script>
       $(document).ready(function(){ 
             var phpVar = <?php echo $i; ?>;
             for( ; phpVar > 0; phpVar--)
             {
                var social=$('#social'+phpVar).val();   
                alert(social);    
             }

    });
</script>

查看实时示例链接：单击此处

检查此对于动态元素，获取的值必须使用类或动态id。不是我们的静态idphp代码

    <ul style="list-style:none"> 
    <?php   $i=1; 
        $cars=array("Volvo","BMW","Toyota");
       foreach($cars as $car){ ?>
        <li class="list" value="<?php echo $i ?>"> <a href="#"><?php echo $i ?> </a> </li>
        <?php $i++; }?>
      </ul>

脚本

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>  
<script>
    $(document).ready(function(){
      $(".list").on('click',function(){
         var listitem= $(this).val();
         alert(listitem)
      });

    });
</script>
相关文章：