我正在使用Wordpress和Woocommerce插件。在结账页面，我想根据用户写入输入字段的内容显示具体信息。我用jQuery实现了这个，但是有一些问题：
当用户在输入字段中写入内容时，特定信息是可见的。但是当用户删除他的输入并写入其他内容时，“旧”信息仍然存在，并且“新”信息只是附加。旧信息应该隐藏，新信息应该替换它。
这是<a href="https://jsfiddle.net/szb8wbaq/5/">JSFiddle</a>.
我怎样才能做到这一点？
感谢您的帮助！
答案 0 :(得分：1)
您可以使用ID（例如span id =“contenttoshow”）将要显示的内容包装在一个范围内，并在输出结果之前检查它是否存在。如果确实存在，则删除（）它（https://api.jquery.com/remove/），然后附加新内容。
检查它可能就像
if ( $( "#contenttoshow" ).length > 0 ) {
$( "#contenttoshow" ).remove();
}