foreach 相当于 jquery 中的 php？

Posted 2023-02-22

【中文标题】foreach 相当于 jquery 中的 php？

【英文标题】：foreach equivalent of php in jquery?

【发布时间】：2010-11-14 23:13:51

【问题描述】：

在 JQuery 中是否有与 php 一样的 foreach 代码？ 我在php中有一个代码，比如

<?php foreach ($viewfields as $viewfield): ?>       
if("<?php echo $viewfield['Attribute']['required'];?>"=='true')
       $("<span class='req'><em> * </em></span>").appendTo("#fb_contentarea_col1down21 #label<?php echo $viewfield['Attribute']['sequence_no']?>");
   


   if(<?=$viewfield['Attribute']['type'];?>=='text'||<?=$viewfield['Attribute']['type'];?>=='date'||<?=$viewfield['Attribute']['type'];?>=='number') 
       $("<input id=input<?=$viewfield['Attribute']['sequence_no'];?> type= 'text' style= 'width:<?=$viewfield['Attribute']['size'];?>px' data-attr=<?=$viewfield['Attribute']['type'];?> ></input><br>").appendTo("#fb_contentarea_col1down21 #<?=$viewfield['Attribute']['sequence_no'];?>");
   


   else if(<?=$viewfield['Attribute']['type'];?>=='textarea')
       $("<textarea style= 'width:<?=$viewfield['Attribute']['size'];?>px' data-attr=<?=$viewfield['Attribute']['type'];?> id=input<?=$viewfield['Attribute']['sequence_no'];?>></textarea><br>").appendTo("#fb_contentarea_col1down21 #<?=$viewfield['Attribute']['sequence_no'];?>");

在 Jquery 中是否有任何等效的 foreach？如何在 jQuery 中实现同样的功能？

编辑 1：

我认为它有效，但出现错误。代码和错误信息如下。

for(<?=$viewfield;?> in <?=$viewfields;?>)

 if("<?=$viewfield['Attribute']['required'];?>"=='true')
            $("<span class='req'><em> * </em></span>").appendTo("#fb_contentarea_col1down21 #label<?php echo $viewfield['Attribute']['sequence_no']?>");
 

 if(<?=$viewfield['Attribute']['type'];?>=='text'||<?=$viewfield['Attribute']['type'];?>=='date'||<?=$viewfield['Attribute']['type'];?>=='number') 
            $("<input id=input<?=$viewfield['Attribute']['sequence_no'];?> type= 'text' style= 'width:<?=$viewfield['Attribute']['size'];?>px' data-attr=<?=$viewfield['Attribute']['type'];?> ></input><br>").appendTo("#fb_contentarea_col1down21 #<?=$viewfield['Attribute']['sequence_no'];?>");
 

 else if(<?=$viewfield['Attribute']['type'];?>=='textarea')
            $("<textarea style= 'width:<?=$viewfield['Attribute']['size'];?>px' data-attr=<?=$viewfield['Attribute']['type'];?> id=input<?=$viewfield['Attribute']['sequence_no'];?>></textarea><br>").appendTo("#fb_contentarea_col1down21 #<?=$viewfield['Attribute']['sequence_no'];?>");
 

错误信息：

语法错误 for(在数组中)

谁能帮帮我..

【问题讨论】：

javascript 和 PHP 无法交互... PHP 在发送到客户端之前创建 JavaScript 代码。发送到客户端后，执行。如果您查看源代码，您会看到 PHP 输出的是 for( in Array)（因为 $viewfield 是一个空变量，而 $viewfields 是一个 PHP 数组，当表示为字符串时显示为 Array。 ) 您需要全部使用 JavaScript 或全部使用 PHP，您不能混合使用这两种语言。

但由于在 jquery 中使用 php，我在 document.ready() 关闭标记中收到错误消息。如果我为每个 php 代码删除它，错误就消失了，并且 document.location 工作正常。那么现在如何为 JQuery 中的每个代码编写呢？

【参考方案1】：

$.each 功能类似。

它允许您使用可以访问每个项目的回调函数来迭代数组：

var arr = [ "one", "two", "three", "four", "five" ];


$.each(arr, function(index, value) 
  // work with value
);

了解一下可能很有用，如果您想打破循环，可以使用return false; 来完成，或者如果您只想跳过一次迭代（继续），您可以使用return true;

【参考方案2】：

如果你想迭代一个对象，我会推荐 JavaScript 变体：

for (var key in obj) 
    alert(key + ': ' + obj[key]);

您也可以像这样在 jQuery 中迭代对象：注意！这样做毫无意义，除非您认为这种语法更易于维护。下面的语法比上面的标准 JavaScript for-loop 的开销要大得多。

$.each(obj, function (key, value) 
    alert(key + ': ' + value);
);

---

要迭代数组，这就是您在标准 JavaScript 中的做法（假设 arr 是数组）：

for (var i = 0, l = arr.length; i < l; i++) 
    alert(i + ': ' + arr[i]);

要在 jQuery 中做，你可以这样做：

$.each(arr, function (index, value) 
    alert(index + ': ' + value);
);

【讨论】：

我可以使用 each 函数遍历数组的元素吗？？

是的，我现在添加了如何操作。

【参考方案3】：

有jQuery.each。

【参考方案4】：

Javascript 支持for(data in data_array) 语法。 jQuery 还有一个 $.each 函数（如前所述）

【讨论】：

for-in 迭代对象的属性，而不是数组的元素。

【参考方案5】：

在选择器上运行的 Jquery：

$('a').each(function() 
    $(this).click(function(e) 
       e.preventDefault()
       var href = this.href;
       open(href);
    );
    // operate on the anchor node.
);

jQuery 直接 $.each:

var a = ['one', 'two'];

$.each(a, function() 
    alert(this)
);

JS：普通 for 循环

 for ( var i = 0, len = 10; i<l; ++i ) 
    alert(i)
 

JS #2：原版的

 var humanLimbs = ['arms', 'legs'];
 for ( var limb in humanLimbs ) 
     if ( humanLimbs.hasOwnProperty(limb) ) 
        alert( limb )
     
 

Js #3：无限循环

for (;;)  alert(1)  // dont try this :p