Tengo una matriz con coordenadas y también la misma cantidad de div. Ahora necesito el primer valor de la matriz para dar el primer div y así sucesivamente.
Y aquí hay un ejemplo de matrices.
var xList = [265, 152, 364] var yList = [125, 452, 215]Hay tres valores en cada matriz al igual que tres div
<div class"box">Box</div> <div class"box">Box</div> <div class"box">Box</div>Cómo dar el primer valor al primer div segundo al segundo div y así sucesivamente.
Y estaba pensando en usar css como este.
$(".box").css({ top: yList + "px", left: xList + "px" });Intenté usar for loop como aquí:
for (var i = 0; i < xList.length && i < yList.length; i++) { box.style.top = yList[i] + "px"; box.style.left = xList[i] + "px"; }Pero no funcionó. Este es solo un ejemplo, no es mi código real, excepto este para bucle. Este ejemplo es similar a mi código real. Tengo la misma cantidad de div que valores en la matriz y necesito darle al primer div, primer valor, segundo div, segundo valor, etc. . Todo mi código está en este enlace https://jsfiddle.net/SutonJ/5gyqexhj/35/
En los ejemplos provistos, no está diferenciando entre los tres objetos diferentes de la clase "caja". Espero que encuentre útil el método each() de jQuery:
$(".box").each(function(index) { $(this).css({top: yList[index] + "px", left: xList[index] + "px"}) ); });... como se documenta aquí: https://api.jquery.com/each/