jquery - 在jquery中执行foreach

Question

我的 jQuery 代码有问题。

我有两个 jsp 类。

在第一个中，我定义了一个ArrayList并用数字填充它，在第二个调用中是我的 jQuery 代码。

我尝试在jQuery脚本中输入一个 Arraylist，但它不起作用。

$(document).ready(function()
{
$(".trigger").click(function()
{
    var myJSList = ${myAttrList};
    $.each(myJSList, function(item, index)
    {
    $("#panel"+alert(item)).toggle("fast");
    $(this).toggleClass("active");
    return false;

});
});

#panel应该从最后得到一个数字Arraylist。

我怎么能做到这一点？

Answer 1

您可以在您的 jsp 文件中创建一个 JavaScript 数组，其中包含来自您的 java ArrayList 的所有元素：

<script type="text/javascript">

var myJSList =new Array();
   <% for(int i=0; i < myAttrList.size(); i++){ %>
myJSList [<% out.print(i); %>] = "<% out.print(myAttrList.get(i).toString()); %>";
   <% }//end for 
   %>
  //use myJSList on client side (with jquery) ...

</script>

这里myAttrList是 java 类型ArrayList<Integer>的，myJSList是一个 javascriptarray填充的*myAttrList*；