Question

我有一些代码。当它正常运行时，我会创建一条成功消息并使用prependTo以在屏幕上显示它。问题在于，当用户两次成功执行操作时，我最终会收到两条成功消息。

有没有办法覆盖我的成功消息。这里是我目前如何处理它在我的代码：

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

谢谢！

Answer 1

您可以使用简单：

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

所以的全部内容您的容器被更换。

Answer 2

而不是prependTo可以使用html，这样你就不会预先考虑，但取代你的消息容器的内容：

$("#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>"));