使用 JQuery 切换更改 html 元素

【问题标题】：change html element with JQuery toggle使用 JQuery 切换更改 html 元素
【发布时间】：2016-12-05 14:55:33
【问题描述】：

我有一个 HTML 输入元素，在使用 JQuery .toggleClass 而不是 'blur' event 关闭时需要更改。这应该发生在每个选定的表格行JFiddle

【问题讨论】：

请投反对票的人有礼貌地指出原因。否则 OP 只能猜测并且会感到疏远并且不会返回。这并不意味着成为您的专属俱乐部。
@VanquiishedWombat 谢谢。

【解决方案1】：

我想这是我能为您的问题想出的最接近的解决方案： JSFiddle

$(document).on("blur", "input", function () {
    var txt = $(this).val();
    var parent = $(this).parent();
    $(this).replaceWith("<p></p>");
    parent.find('p').text(txt);
});

【讨论】：

我打算在小提琴中看到什么？
单击p 元素将使其成为input 元素，而失去对input 元素的关注会将其更改回p 元素