Under javascript-thinkphp, how to obtain one of the results output by template traversal in js?

How to realize that when the mouse moves to the volist traversal output dataSet picture, the mainPic above the volist is replaced with the picture that the mouse has moved?
The pictures in volist that I get using JS are always the src of the first picture in the dataSet.

Reply content:

How to realize that when the mouse moves to the volist traversal output dataSet picture, the mainPic above the volist is replaced with the picture that the mouse has moved?
The pictures in volist that I get using JS are always the src of the first picture in the dataSet.

Create a new array, push the elements of your dataSet collection into this array in a loop, and then get any element you want from this array.
Not much to say, let’s get straight to the code

var arr = [];
 
     arr.push({"key1":"{$vi.key1}","key2":"{$vi.key2}",...});
 

 //arr is a js array, you can use it however you want