如何删除使用before（）方法添加的元素

Question

当用户从表单中选择一个选项并单击添加到购物车链接时，我显示了一个alert-style div。我正在使用jQuery .before（）方法将用户表单选择的文本值添加到div。

我需要帮助有两方面：

如果用户不关闭格，然后继续进行其他选择，我怎么能代替使用。之前（）与新的选择添加的元素？

此外，如果用户不关闭的div，我怎能“重置”，所以，如果他们再作选择（另一页上说）的股利会正确显示其最近的选择。

这里是工作代码：

（事业部被称为）

<div class="alert-box success"> 
    <span id="alert-copy"><?php echo ' tin of ' . $current_page["product_name"] . ' '; ?> added to cart | <a href="#" class="alert-btn-cart">View Cart</a></span> 
    <a href="" class="close">&times;</a> 
</div> 

（当前的jQuery）

<script type="text/javascript"> 
    $("div.alert-box").hide(); 
    $("input.button.small.radius.submit").click(function(){ 
    $("#alert-copy").before('<span>' + $('select option:selected').html().split("-")[0] + '</span>'); 
    $("div.alert-box").show("normal"); 
</script> 

为了什么它的价值，我使用Zurbs基金会（V3）为警报divs。此外，您还可以通过客户端直播网站（目前正在使用'Colorbox'）查看选择表单/加入购物车链接的当前结构，但将尽快转向上述样式我可以得出这个数字）。

http://campbellssweets.com/shop/popcorn/product.php?subject=Bacon+and+Cheddar+Popcorn

感谢

Answer 1

$("div.alert-box").hide(); 
$("input.button.small.radius.submit").click(function(){ 
var content = $('<span>' + $('select option:selected').html().split("-")[0] + '</span>'); 
$("#alert-copy").before(content); 
$("div.alert-box").show("normal"); 
$("#remove").click(function(){ content.remove(); }); 

然后通过点击#remove将其删除。