Ссылка на это в .querySelector ⇐ Jquery

[Anonymous]

Если я использую следующее для выбора определенного узла

Код: Выделить всё

var Link = document.querySelector('table .ctrlcLink');

Я получаю первое значение столбца для столбца с классом ctrlLink, чего я и ожидал.

Однако, поскольку у меня есть событие onclick, установленное для другого столбца в той же таблице, я хотел бы получить значение столбца .ctrlLink, которое находится в той же строке, что и элемент, по которому я щелкнул.
Поэтому я попробовал что-то вроде этого:

Код: Выделить всё

var Link = document.querySelector($(this).closest('tr').children('td.ctrlcLink'));

Но затем я получаю


"Не удалось выполнить 'querySelector' для 'Document': '[object Object]'
не является допустимым селектором".


Какой селектор мне тогда использовать?

EDIT:
Возможно, мне следовало добавить, что мне это нужно, чтобы потом можно было использовать следующее:

Код: Выделить всё

var range = document.createRange();
range.selectNode(Link);
window.getSelection().addRange(range);
var successful = document.execCommand('copy');

EDIT2:
как было предложено, я создал для этого страницу кода (спасибо!).:
http://codepen.io/whatwhat/pen/JXJjOp
Я пытаюсь добиться того, чтобы, когда я щелкаю изображение в таблице, я получаю текст в той же строке в ячейке рядом с ним и помещаю его в свой ctrl-c.
Однако, Мне не удается получить точный номер строки изображения, на которое я нажимаю.
Эта часть не работает:

Код: Выделить всё

var rowIndex = $(this).index();

Что будет работать, как я могу получить номер строки?
Затем я бы объединил его, изменив

Код: Выделить всё

var Link = document.querySelector('#docReport tr:nth-child(1) .ctrlcLink');

до

Код: Выделить всё

var Link = document.querySelector('#docReport tr:nth-child('+rowIndex+') .ctrlcLink');

Или я могу решить эту проблему по-другому?

EDIT3:
В конечном итоге я получил то, что мне нужно, вот так:
http://codepen.io/whatwhat/pen/GZEgKK

Подробнее здесь: https://stackoverflow.com/questions/361 ... ryselector