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

回复内容：

首页

后端开发

php教程

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

Jun 06, 2016 pm 08:14 PM

javascript jquery php thinkphp

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

登录后复制

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

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

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

登录后复制

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn