使用jquery'预先编写；反馈信息'； 我想在id为“messagefield”的范围内显示5条用户反馈消息 我希望跨距相互堆叠，最新跨距在顶部 当5个跨距堆叠在一起时，我要删除它们-->替换它们 下面是5条消息

我希望此最终结果出现在标记中：

<div class="span4 messageField">
<span id="messagefield">Message 1</span>'
<span id="messagefield">Message 2</span>'
<span id="messagefield">Message 3</span>'
<span id="messagefield">Message 4</span>'
<span id="messagefield">Message 5</span>'
</div>

这是html中的标记：

<div class="span4 messageField">
<!-- HERE IS WHERE THE SPANS WILL STACK UP -->
</div>

你可以这样做

//the counter is here just to show you that this works, you could use this to generate an id
var counter = 0;
$("#fireCreate").click(function(e) {
    counter++;
    if($('.messageField span').length === 5){
        $('.messageField span:last').remove();
    }
    $('.messageField').prepend($('<span />', { id: "message"+counter, class: "singleMessage", text : "Importerar titelsida, vänta ..."+counter}));
});

//计数器在这里只是为了告诉您这是可行的，您可以使用它来生成一个id
var计数器=0；
$（“#fireCreate”）。单击（函数（e）{
计数器++；
如果（$（'.messageField span'）。长度===5）{
$（'.messageField span:last'）.remove（）；
}
$（'.messageField'）.prepend（$（''，{id:“message”+计数器，类：“singleMessage”，文本：“importerartitelsida，vänta…”+计数器}）；
});

---

看看这里

，您的问题是…？不应该存在具有相同ID的多个元素。ID意味着是唯一的，而针对非唯一ID的脚本可能不会像您预期的那样运行。这可能是一个使用类的好地方。

<div class="span4 messageField">
<!-- HERE IS WHERE THE SPANS WILL STACK UP -->
</div>

//the counter is here just to show you that this works, you could use this to generate an id
var counter = 0;
$("#fireCreate").click(function(e) {
    counter++;
    if($('.messageField span').length === 5){
        $('.messageField span:last').remove();
    }
    $('.messageField').prepend($('<span />', { id: "message"+counter, class: "singleMessage", text : "Importerar titelsida, vänta ..."+counter}));
});