javascript - thinkphp下,在js如何获取模板遍历输出的结果中的某一条？

Question

<img src="mainPic.jpg">
<volist name="dataSet" id="vi">
    <img src="{$vi.url}.jpg">
</volist>

要如何实现 在鼠标移动到volist遍历输出dataSet图片上时，volist上方的mainPic替换为鼠标移动过的图片？
我用Js获取到的volist中的图片始终是dataSet中的第一张图片的src。

Answer 1

新建一个数组，循环将你的dataSet集合的元素push到这个数组中，然后从这个数组中获得你想要的任何一个元素。
话不多说，直接上代码

var arr = [];
<volist name="dataSet" id="vi">
    arr.push({"key1":"{$vi.key1}","key2":"{$vi.key2}",...});
</volist>

//arr就是一个js数组，随便你怎么用