Как щелкнуть изображение в столбце, чтобы редактировать текст в других столбцах в той же строке? ⇐ Html

[Anonymous]

Как щелкнуть изображение в столбце, чтобы отредактировать текст в других столбцах в той же строке?
Это форма, которую необходимо заполнить перед добавлением строки в таблицу:

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

 

Name:


User ID:


Password:


Organization:


Role:

Member
Admin

Это моя функция Jquery, которая добавляет строку в таблицу

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

$('#submit').on('click',function(){
var st = '';
$('#myForm input[type=text],input[type=password],select').each(function(){
st = st+ ''+$(this).val()+'';
$(this).val('');
});
st = st+ 'Active
[img]images/pencil-black.png[/img]

[img]images/lock-black.png[/img]

[img]images/bin-black.png[/img]
';
$('#tablelist').append(''+st+'');
});

Изображение, на которое я хочу щелкнуть, находится в классе img, карандаш. Однако проблема, с которой я столкнулся, заключается в том, что я не знаю, как мне выбрать столбец, который я хочу редактировать, потому что я не могу присвоить ему класс на основе используемой мной функции добавления строк.

Подробнее здесь: https://stackoverflow.com/questions/174 ... e-same-row