Как сделать ссылку на каждую строку в таблице?

Question

[Евгений]

Всё-таки я задам этот вопрос, так как похожий вопрос не имеет ответа и там вообще бред.
Не буду прикреплять код таблицы, так как это обычная бутстраповская таблица с тегами
Вот просто её вид

Как вы видите там есть крестик. Так вот как сделать так чтобы ивент Клика крестика не вызывал ивент клика всей строки и наоборот. И как вообще сделать разнные ссылки по клику. Так как по клику должно вызываться модальное окно и по каждой строке чуть меняться параметры

Answer 1

[theuser]

https://learn.javascript.ru/event-bubbling

Answer 2

[Егор Живагин]

В обработчике клика крестика делать event.stopPropagation()

Клик по строке никак не касается клика по крестику

Ну, по клику на строку бери нужные конкретной строке параметры и подставляй в модалку. В чём проблема?) Реализация зависит только от того, где эти параметры вообще берутся

Comments

[Евгений]

Реализация модалки легкая. Я не про нёё спрашивал) А именно сделать сделать целую строку таблицы кликабальной для вызова модалки.

Т к вариант который мне скинули, был сделан путём добавления ивента on click костыльно прямо в тег tr.

Во 1 этот вариант не имет курсора, во 2 этот вариант перекрывал крестик

[Евгений]

В принципе крестики уже не нужны , но вот как повесить OnClick на строку

[Евгений]

Ладно пофиг пока сделаю так
<tr onclick="alert('Привет');"> Ну вместо алерта вызов модалки

[Евгений]

<tr onclick="$('#exampleModal').modal();">

[Егор Живагин]

Евгений, это нормальный вариант, только лучше его всё таки в JS писать, а не в разметке

Чтобы не "перекрывал крестик" повесьте на клик по крестику event.stopPropagation()

[Евгений]

Егор Живагин, Да, это я прочитал из статьи , которую скинул товарищ theuser

Всё равно это пока только вёрстка. Тут это всё привязать к юзерской части, сделать грамотный вывод и тд.

Чуток геморно будет так как нужно будет генерить в цикле с данными таблицу + генерить везде ссылки на разные модальные окна. Там какая-то фишка в бутстрапе есть, чтобы в модальное окно выводить разные данные. Думаю разберусь