javascript - 如何使用 jquery 更改文本值

Question

我有列表项目，每个项目都有编辑链接。如果我单击“编辑”链接，它会打开一个带有“保存”和“取消”按钮的输入文件。如果我单击取消，它将返回到原始 View 。到目前为止它很好。 FIDDLE

但我希望当点击保存按钮时，如果我在输入字段中写一些东西它会保存并替换之前的文本。

就像我有 TEXT 'Cras justo odio' 一样，如果我单击“编辑”，它会打开一个输入字段，然后我输入“这很酷”，然后按保存。现在文本“Cras justo odio”将替换为“THIS IS COOL”。我该怎么做？

提前致谢。

JS

$(".btn-link").click(function () {
    $(this).parent('.view-mode').hide();
    $(this).parent('.view-mode').siblings('.edit-mode').show();
});
$(".cancel-edit").click(function () {
    $(this).parent('.edit-mode').hide();
    $(this).parent('.edit-mode').siblings('.view-mode').show();
});

Answer 1

你必须添加:

$(".confirm-edit").click(function () {
  var inptext = $(this).siblings('input').val();
  $(this).parent('.edit-mode').siblings('.view-mode').children('span').text(inptext);
  $(this).parent('.edit-mode').hide();
  $(this).parent('.edit-mode').siblings('.view-mode').show();
});

fiddle :http://jsfiddle.net/has9L9Lh/38/