Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Перебор соседних элементов по "кругу" (https://javascript.ru/forum/jquery/58075-perebor-sosednikh-ehlementov-po-krugu.html)

Lemme 03.09.2015 14:10

jQuery ваще не знаю, поэтому перепишешь правильно =).
function adjacentItems(index){
    var $parent = $('.wrapper'),
        $child = $('.child');
    
    var count = $child.length;
    
    // сколько элементов в линии
    var xItems = Math.floor($parent.width() / $child.width());
    
    // шаг вправо
	var $right = null,
        right = index + 1;
    
    if (right <= count && right % xItems !== 0) {
    	$right = $child.eq(right)
    }
    
    // шаг влево
	var $left = null,
        left = index - 1;
    
    if (left >= 0 && index % xItems !== 0) {
    	$left = $child.eq(left)
    }
    
    // шаг вверх
	var $top = null,
        top = index - xItems;
    
    if (top >= 0 && index % xItems !== 0) {
    	$top = $child.eq(top)
    }
    
    // шаг вниз
	var $bottom = null,
        bottom = index + xItems;
    
    if (bottom <= count && bottom - 1 % xItems !== 0) {
    	$bottom = $child.eq(bottom)
    }
    
    // массив элементов
    var data = [];
    
    // собственно, если он есть, то записываем в массив.
    if ($right) {
    	data.push($right);
    }
    if ($left) {
    	data.push($left);
    }
    if ($top) {
    	data.push($top);
    }
    if (bottom) {
    	data.push($bottom);
    }
    return data;
}

$('.wrapper').on('click', '.child', function() {
        // получаем список эелемнтов
	var $items = adjacentItems($(this).index());
    // перебираем массив
    $items.forEach(function($item){
    	$item.css('background', 'yellow');
    });
});


p.s я тут убрал ввод с prompt, добавишь.
http://jsfiddle.net/73gLc3ap/4/

p.s А почему не сделаешь используя матрицу? Я про

data[x][y]


Было бы проще искать элемементы

рони 03.09.2015 17:21

falkone,
:)

falkone 03.09.2015 20:07

Цитата:

Сообщение от рони (Сообщение 387068)
falkone,
:)

Красиво:)
Вот примерно такого результата хочу добиться и я, положительные сдвиги уже есть)

Lemme 03.09.2015 20:32

falkone, ищи "волновой алгоритм поиска кратчайшего пути" =)
И от туда черпай не поиск пути, а способ запуска - той самой волны=)

рони 03.09.2015 20:51

nerv_,
давал ссылку PathFinding
тут все виды волн :)


Часовой пояс GMT +3, время: 18:12.