Хранить введенное значение в TD с помощью JQuery

Question

Я новичок в Jquery Я пытаюсь сохранить введенное значение в

Моей структуры, как это

<td><input type="text" class="txtbox" value="" /></td> 

Теперь, когда пользователь вводит значение в первом тра и нажмите за исключением того времени, что значение будет отображаться в соответствующих тд и не должны быть доступны для редактирования и кнопка сохранения изменится кнопку для редактирования

здесь jsfiddle

http://jsfiddle.net/nikkirs/0qjsag8h/

Answer 1

Вы должны перебрать все элемента тд в настоящее время перешедших строк кнопку сохранить и установить каждый TdS текст/html:

$("#savebtn").click(function(){ 
    if ($('.test tr:last input:text[value]').length == 0) { 
    alert("FAIL - all textboxes on last row are empty."); 
    } 
    else { 
     alert('SUCCESS - at least 1 value is filled in!'); 
     this.value = 'Edit'; 

     $(this).parent().siblings().each(function(){ 
     $(this).text($(this).find('input').val()) 
     }); 
    } 
}); 

Working Demo

Answer 2

Просто изменить эту функцию:

$("#savebtn").click(function(){ 
    if($(this).val()=="Edit") 
    { 
     this.value = 'Save'; 
     $(this).closest("tr").find('input[type=text]').each(function(){ 
       $(this).removeAttr("disabled"); 
     });} 
    else{ if ($('.test tr:last input:text[value]').length == 0) { 
    alert("FAIL - all textboxes on last row are empty."); 
     } 
     else {    $(this).closest("tr").find('input[type=text]').each(function(){ 
       $(this).attr("disabled",""); 
      }); 
      alert('SUCCESS - at least 1 value is filled in!'); 
      this.value = 'Edit';    
     } 

     } 
    }); 

Теперь, как только вы нажали, вы не сможете сохранить t o изменить значения. Вы можете сделать это только после нажатия кнопки редактирования.

Working Demo