Javascript 如何使用jquery保存对textarea的更改

我想保存对表中项目的更改，并将

的相应元素更改为

，然后再更改回来，但当前它不会更新

这里有一个例子

JS

$("td").on('click', '.js-edit', function() {
  $(this).text('Save Changes');
  $(this).addClass('js-save');

  var img = $(this).parent('td').parent('tr').find('.img-candy');
  console.log(img);
  var imgUrl = img.attr('src');

  var tr = $(this).parent('td').parent('tr').find('td p').replaceWith(function() {
    return $("<textarea />", '').append($(this).contents());
  });  
});


$("td").on('click', '.js-save', function() {

  $(this).text('Edit');
  $(this).removeClass('js-save');

  var tr = $(this).parent('td').parent('tr').find('td textarea').replaceWith(function() {
    return $("<p />", '').append($(this).contents());
  });

  var name = $(this).parent('td').parent('tr').find('.name-td').children('p').text();
  var price = $(this).parent('td').parent('tr').find('.price-td').children('p').text();
  var description = $(this).parent('td').parent('tr').find('.description-td').children('p').text();
  var img = $(this).parent('td').parent('tr').find('.img-candy').attr('src');

  var category_id = "a";
  var item_id = "a";
});

$（“td”）。在（'click'，'js edit'，function（）上{
$（this.text（'Save Changes'）；
$（this.addClass（'js-save'）；
var img=$（this.parent（'td'）.parent（'tr'）.find（'.img-candy'）；
控制台日志（img）；
var imgUrl=img.attr（'src'）；
var tr=$（this）.parent（'td'）.parent（'tr'）.find（'td p'）.replaceWith（函数（）{
返回$（“”，''）.append（$（this.contents（））；
});  
});
$（“td”）。在（'click'，'js save'，function（）上{
$（this.text（'Edit'）；
$（this.removeClass（'js-save'）；
var tr=$（this）.parent（'td'）.parent（'tr'）.find（'td textarea'）.replaceWith（函数（）{
返回$（“
，”）.append（$（this.contents（））；
});
var name=$（this）.parent（'td'）.parent（'tr'）.find（'name td'）.children（'p'）.text（）；
var price=$（this）.parent（'td'）.parent（'tr'）.find（'price td'）.children（'p'）.text（）；
var description=$（this）.parent（'td'）.parent（'tr'）.find（'.description td'）.children（'p'）.text（）；
var img=$（this）.parent（'td'）.parent（'tr'）.find（'.img-candy'）.attr（'src'）；
var类别_id=“a”；
var项目_id=“a”；
});
$（“td”）。在（'click'，'js save'，函数（）{
$（this.text（'Edit'）；
$（this.removeClass（'js-save'）；
var name=$（this）.parent（'td'）.parent（'tr'）.find（'name td'）.children（'textarea'）.val（）；
var price=$（this）.parent（'td'）.parent（'tr'）.find（'price td'）.children（'textarea'）.val（）；
var description=$（this）.parent（'td'）.parent（'tr'）.find（'.description td'）.children（'textarea'）.val（）；
var img=$（this）.parent（'td'）.parent（'tr'）.find（'.img-candy'）.attr（'src'）；
var类别_id=“1”；
变量项_id=“99”；
var tr=$（this）.parent（'td'）.parent（'tr'）.find（'td textarea'）.replaceWith（函数（）{
返回$（“
，”）.append（$（this.contents（））；
});
});
$（“td”）。在（'click'，'js save'，函数（）{
$（this.text（'Edit'）；
$（this.removeClass（'js-save'）；
var name=$（this）.parent（'td'）.parent（'tr'）.find（'name td'）.children（'textarea'）.val（）；
var price=$（this）.parent（'td'）.parent（'tr'）.find（'price td'）.children（'textarea'）.val（）；
var description=$（this）.parent（'td'）.parent（'tr'）.find（'.description td'）.children（'textarea'）.val（）；
var img=$（this）.parent（'td'）.parent（'tr'）.find（'.img-candy'）.attr（'src'）；
var类别_id=“1”；
变量项_id=“99”；
var tr=$（this）.parent（'td'）.parent（'tr'）.find（'td textarea'）.replaceWith（函数（）{
返回$（“
，”）.append（$（this.contents（））；
});
});
使用
$（this）.val（）
获取文本区域的值。感谢我自己找到它。使用
$（this）.val（）
获取文本区域的值。感谢我自己找到它。
 $("td").on('click', '.js-save', function () {

            $(this).text('Edit');
            $(this).removeClass('js-save');


            var name = $(this).parent('td').parent('tr').find('.name-td').children('textarea').val();
            var price = $(this).parent('td').parent('tr').find('.price-td').children('textarea').val();
            var description = $(this).parent('td').parent('tr').find('.description-td').children('textarea').val();
            var img = $(this).parent('td').parent('tr').find('.img-candy').attr('src');

            var category_id = "1";
            var item_id = "99";


            var tr = $(this).parent('td').parent('tr').find('td textarea').replaceWith(function () {
                return $("<p />", '').append($(this).contents());
            });
        });