Javascript-尋找替代prependTo的方式，使其不會添加多個項目

Question

我有一些代碼。 當它正確運行時，我會創建一條成功消息，並使用prependTo使其在屏幕上顯示。 問題是，當用戶執行兩次成功的操作時，我會收到兩條成功消息。

有沒有辦法覆蓋我的成功消息。 這是我當前在代碼中處理它的方式：

  $((is_error ? "<p class=' alert alert-error'>"+message+"</p>)" : "<p class=' alert alert-success'>"+message+"</p>")).prependTo("#feedback-container");

謝謝！

Answer 1

可以使用html代替prependTo ，因此您不必先添加而是替換消息容器的內容：

$("#feedback-container").html(is_error ? "<p class=' alert alert-error'>"+message+"</p>" : "<p class=' alert alert-success'>"+message+"</p>");

Answer 2

您可以簡單地這樣使用：

$("#feedback-container").html((is_error ? "<p class=' alert alert-error'>"+message+"</p>)" : "<p class=' alert alert-success'>"+message+"</p>"));

因此，將替換容器的全部內容。

Answer 3

$("#feedback-container").children(".alert:first-child").remove().end().prepend( "stuff" );

工作演示http://jsfiddle.net/uVVYN/

Answer 4

根據定義，prependTo將“插入到此參數指定的元素的開頭。” 換句話說，它將插入而不是替換 。

您正在尋找的很可能是html方法，它將使用給定的內容設置匹配元素的innerHTML： http : //api.jquery.com/html/

html（）的用法與prependTo（）略有不同，但在概念上是相同的：

 $("#feedback-container").html((is_error ? "<p class=' alert alert-error'>"+message+"</p>)" : "<p class=' alert alert-success'>"+message+"</p>"));