И зачем вообще этот цикл?
<html>
<body>
<div id="v">
<span class="v">Btn</span>
<span class="v">Btn</span>
<span class="v">Btn</span>
</div>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
var data = [
{class: 'v1', img: '1.png', material: 'Белый'},
{class: 'v2', img: '2.png', material: 'Жёлтый'},
{class: 'v3', img: '3.png', material: 'Красный'},
// и т.д.
];
$(function() {
$('#v').on('click', 'span', function() {
var i = $(this).index();
alert(data[i].img)
})
});
</script>
</body>
</html>