Как найти DOM-элементы, расположенные по диагонали?

Question

[reinmaker90]

Как написать проверку, что блоки с одним классом располагаются внутри родителя по диагонали?

Comments

[Ice]

крестики - нолики давно уже придумали, полно же информации ...

[Пашенька]

И да, если это крестики-нолики, то это совершенно велосипедный подход, вам нужна матрица.

[Роман]

в этом уроке по реакту решают данную задачу)))

вот такой функцией

function calculateWinner(squares) {
    const lines = [
      [0, 1, 2],
      [3, 4, 5],
      [6, 7, 8],
      [0, 3, 6],
      [1, 4, 7],
      [2, 5, 8],
      [0, 4, 8],
      [2, 4, 6],
    ];
    for (let i = 0; i < lines.length; i++) {
      const [a, b, c] = lines[i];
      if (squares[a] && squares[a] === squares[b] && squares[a] === squares[c]) {
        return squares[a];
      }
    }
    return null;
  }

[reinmaker90]

Ice, крести нолики да, просто сам решил попробовать найти горизонтально выстроенные элементы, пример с одним классом думаю самый простой в реализации, но ничего не смог придумать, f***ng мозг...

Answer 1

[Виталий Коваль]

Вот так https://jsfiddle.net/psfdek/1x2cLh5b/52/
Учтено разное количество элементов в строке. (Пробовал по 4,5,6)

Comments

[reinmaker90]

Виталий Коваль спасибо большое, изучу!

[Виталий Коваль]

reinmaker90, получается код что я написал не решение вопроса с примером?

[reinmaker90]

Виталий Коваль, если важно отмечу)