gpt4 book ai didi

jQuery 追加顺序

转载 作者:行者123 更新时间:2023-11-30 23:45:10 26 4
gpt4 key购买 nike

虽然很简单,但我就是不明白为什么这不起作用。

我需要将一个 div append 到文档正文,然后再次添加相同 div 的副本但隐藏,然后添加另一个 div,然后再次添加另一个相同 div 的副本但隐藏,依此类推...

    $.each(myObj.items, function(i, item) {

// createItem simply finds an html fragment in the document,
// clones it and returns it
var $i = createItem(item);

// add a div first that clears floats - this is needed before every item
$('body').append('<div class="clear"/>');

// append a clone of the html fragment
$('body').append($i.clone());

// add another div that clears floats
$('body').append('<div class="clear"/>');

// append a clone of the html fragment but hide it
$('body').append($i.clone().addClass('hidden'));

});

我期待:

    <body>
<div class="clear"/>
<div class="item">item</div>

<div class="clear"/>
<div class="item hidden">item</div>

<div class="clear"/>
<div class="item">item</div>

<div class="clear"/>
<div class="item hidden">item</div>
...
</body>

但是我明白了..

    <body>
<div class="clear"/>
<div class="item">item</div>

<div class="clear"/>
<div class="item">item</div>

<div class="clear"/>
<div class="item hidden">item</div>

<div class="clear"/>
<div class="item">item</div>

<div class="clear"/>
<div class="item hidden">item</div>
...
</body>

为什么第一个会跳过?

编辑

我的源 html 是这样的:

    <html>
<body>
<div class="template hidden">..</div>
</body>
</html>

我克隆模板 div,将其返回到我的函数,添加一个 div (class='clear'),然后添加返回的 div 的克隆,然后添加另一个 div (class='clear'),然后添加返回的另一个克隆分区

我的列表中的项目不超过 5 个。

编辑2

愚蠢的用户错误...代码工作正常。我没有意识到我的第一行是硬编码的而不是自动生成的。

对不起大家...(感觉很愚蠢)

最佳答案

您是否正在克隆一组现有的 div? IE。您的页面上已经有一个克隆,因此您的函数会克隆并添加一个常规克隆,然后添加另一个隐藏克隆。

关于jQuery 追加顺序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6060657/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com