Изменить строку в JQuery и динамический идентификатор проблемы?

Question

Эта таблица в цикле.То есть количество строк является динамическим.

<tr id="data">
    <td><input name="cb" type="checkbox" value="val"></td>
    <td>var 1</td>
    <td>var 2</td>
    <td>var 3</td>
</tr>

Одна кнопка редактирования:

<input type="submit" value="edit" id="edit">

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

Answer 1

Вероятно, вы ищете следующее: в нем используется свойство "contentEditable", которое позволяет редактировать документы HTML:

http://valums.com/edit-in-place/

Более подробную информацию можно найти здесь:http://msdn.microsoft.com/en-us/library/ms537837%28v=vs.85%29.aspx

Answer 2

$("input[name=checkbox_name").bind('onchange',function(){
$(this).parent('tr').html();//This line fetch current tr to edit 
}); 

Answer 3

Вы говорите

Эта таблица находится в цикле ...

, но у вас также есть

<tr id="data">

id значений должен быть уникальным в документе , поэтому вам придется изменить его, чтобы не использовать id s.

Но вам не нужен idна каждом ряду.Вы можете сделать это:

$('selector_for_the_table tr input[type=checkbox]').change(function() {

    var row = $(this).closest('tr');
    if (this.checked) {
        // make the row editable
    }
    else {
        // make the row uneditable
    }
});

Живой пример