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

<code><img  src="/static/imghwm/default1.png" data-src="mainPic.jpg" class="lazy" alt="javascript - thinkphp下,在js如何获取模板遍历输出的结果中的某一条？" >
<volist name="dataSet" id="vi">
    <img  src="/static/imghwm/default1.png" data-src="{$vi.url}.jpg" class="lazy" alt="javascript - thinkphp下,在js如何获取模板遍历输出的结果中的某一条？" >
</volist></code>

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

回复内容：

<code><img  src="/static/imghwm/default1.png" data-src="mainPic.jpg" class="lazy" alt="javascript - thinkphp下,在js如何获取模板遍历输出的结果中的某一条？" >
<volist name="dataSet" id="vi">
    <img  src="/static/imghwm/default1.png" data-src="{$vi.url}.jpg" class="lazy" alt="javascript - thinkphp下,在js如何获取模板遍历输出的结果中的某一条？" >
</volist></code>

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

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

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

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