使用jquery将输入的值存储在TD中

我是Jquery新手，我正在尝试保存输入的值

我的结构是这样的

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

现在，当用户在第一个tr中输入值并单击“保存”时，该值将显示在相应的td中，不应编辑，保存按钮将更改为编辑按钮

这是JSFIDLE

---

您需要迭代当前单击的行保存按钮中的所有td元素，并设置每个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())
        });
    }
});

---

只需将此功能更改为：

$("#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';            
        }

      }
  });

现在，单击“保存”后，您将无法编辑这些值。只有在单击“编辑”按钮后才能执行此操作

---

您尝试过什么吗？是的，检查小提琴我尝试获取输入的值，但不了解如何将其存储在td中并删除文本框