jquery:用跨距替换输入

$('input', context).each(function() {
  $("<span />", { text: this.value, "class":"view" }).insertAfter(this);
  $(this).hide();
});

You can view a more detailed demo here, with per-row edit toggling

对于原始问题:

.replaceWith() 为此:

$('#container').find('input').each(function() {
  $(this).replaceWith("<span>" + this.value + "</span>");
});

这个 .each() 创建一个闭包,其中 this this.value 例如。

为了确保编码得到了处理,请将其展开一点以便使用 .text() ,如下所示:

$('#container').find('input').each(function() {
  $(this).replaceWith($("<span />").text(this.value));
});​

You can try a demo here

在我看来,最简单的解决方案是将输入更改为readonly并删除边框(还可能更改背景颜色,具体取决于您的UI),这基本上使它们看起来像一个常规的 <span>

function spanify() {
  $('#container input')
    .attr("readonly", "readonly")
    .css("borderWidth", "0");
}

function despanify() {
  $('#container input')
    .removeAttr("readonly")
    .css("borderWidth", "auto");
}

这可行吗?