Есть ли простой способ выбрать значение x элемента в jquery?

Question

У меня есть сетка, состоящая из квадратов 10X10, каждый со значениями x и y. Я хочу знать, как получить значение x любого квадрата, по которому щелкнули мышью. У меня уже есть функция, которая делает их кликабельными, но внутри я хочу добавить оператор if, который включает значение x для квадратного щелчка.

Я пытаюсь сделать что-то вроде этого:

$(this).attr("x");

или

$(this).attr("xvalue");

Как правильно это сделать?

Answer 1

Вы можете хранить значения x и y в атрибутах данных. Каждый квадрат будет выглядеть примерно так:

<div data-x=9 data-y=5>
Contents
</div>

Затем вы можете получить значения x и y после события щелчка:

const x = $(this).data('x');
const y = $(this).data('y');