Как сделать работающий селектор jQuery?

Question

[Илья Алексеев]

Не работает код...
Вот есть div с id- orders в нем есть таблица на react-е с id-table, нужно чтобы после клика на ряд таблицы выполнялся код. В файле он записан так

$("#orders > #table > tbody > tr").click(function(){
			console.log("работает");
		});

открываю в браузере - и ничего после клика на ряд не происходит, НО если я скопирую этот код в консоль и выполню, то после этого клик работает.

Comments

[LittleFatNinja]

хтмл давай или код на jsfiddle

[Илья Алексеев]

хтмл div-а?) а вот в reacte уже таблица с id-table

Answer 1

[Денис Инешин]

Не будет работать ибо делегирование событий!
И вообще, зачем вам jQuery в реакте? Делайте как react хочет:
<div className='row' onClick={action}></div>

И вообще, подобная запись селекторов ("#orders > #table > tbody > tr") - полный моветон. На всех элементах должны быть классы, особенно на тех, которые вы планируете кликать.

Comments

[Илья Алексеев]

а какая разница id или класс???

[helloris]

и в этой строчке '#orders > #table ' смысла ноль. Т.к. id один на всю страницу должен быть

[helloris]

Илья Алексеев:
Кратко о разнице

[Илья Алексеев]

helloris: спасибо, это просто у меня #table повторялось 2 раза поэтому я перед эти и ставил еще 1 id

[Денис Инешин]

Илья Алексеев: #table не может повторятся 2 раза, а даже если повторится, то это бессмысленно, так как ID - уникальный элемент. И второй ID выбираться не будет.