Народ, помогите разобраться пожалуйста. В общем у меня есть не очень адекватная, древняя структура html в виде таблицы. К моему глубочайшему сожалению, отойти от этого абсурда мне не разрешают.
В примере привожу дэмо кусок этой таблицы.
Мне необходимо сделать так, чтоб в каждой такой конструкции на странице, брался класс картинки ( в моем случае это class="status_off") и копировался в самое верхнее tr.(в примере я закомментировал основные элементы, с которыми нужно пошаманить.)
Т.е. в конечном итоге, при загрузке страницы каждая вот такая картинка должна отдать свой класс самому верхнему родителю данной конструкции => tr.
Т.е. сделать 7 шагов вверх и присвоить класс картинки. Помогите пожалуйста, а то я что-то вообще не соображу. На сколько я понимаю, тут нужно использовать .parentNode, но как это сделать на 7 ступеней вверх я вообще не соображу. Заранее спасибо!
P.S. Таких конструкций на странице всегда разное кол-во. Вся эта конструкция это одна строчка огромной таблицы.
Пример кода тут:
https://jsfiddle.net/malefikus13/wtjty2jL/3/