在 jQuery 中编辑行和动态 id 问题？

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">

每一行都有一个复选框。单击该复选框后，整行应处于编辑模式。我尝试了很多方法，但离结果还很远。我遇到的第二个问题是 id 问题。因为行是动态的所以......

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

你说

该表正在循环中...

但您也有

<tr id="data">

id 值 必须在文档中是唯一的，因此您必须对其进行修改以不使用id。

但您不需要每行都有 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
    }
});

实例

Answer 3

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