ユーザー入力に依存する特定の情報を表示するにはどうすればよいですか？

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