如何顯示取決於用戶輸入的特定信息？

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(); 
}