如何显示取决于用户输入的特定信息？

Question

我正在使用Wordpress和Woocommerce插件。在那里，我想在结账页面上显示具体的信息，取决于用户写入输入字段的内容。我已经通过jQuery实现了这一点，但有一些问题：

当用户在输入字段中写入内容时，具体信息是可见的。但是，当用户删除他的输入并写入其他内容时，“旧”信息仍然存在，并且“新”信息只是附加。旧信息应该被隐藏，新信息应该被替换。

这里是一个<a href="https://jsfiddle.net/szb8wbaq/5/">JSFiddle</a>.

我怎样才能做到这一点？

感谢您的帮助！

Answer 1

你可以用一个ID（比如span id =“contenttoshow”）来包装你想要显示的内容，并在输出结果之前检查它是否存在。如果确实存在，则删除（）它（https://api.jquery.com/remove/），然后附加新内容。

检查它可以像

if ($("#contenttoshow").length > 0) { 
    $("#contenttoshow").remove(); 
}