在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

你說

此表是在循環...

但你也有

<tr id="data"> 

id值must be unique within the document ，所以你必須修改它不使用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 
    } 
}); 

Live example

Answer 2

也許你正在尋找的是這樣的，它採用了一種名爲 「CONTENTEDITABLE」 屬性的東西，這使編輯HTML文檔：

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

更多信息可在這裏找到：http://msdn.microsoft.com/en-us/library/ms537837%28v=vs.85%29.aspx

Answer 3

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