javascript - 检测各种线路的末端谁不保持固定？

Question

我正在尝试在 jquery 中做一些事情，但找不到任何解决方案。我有一个网站，其结构如下:

<div class="Header"></div>
<div class="main"><?php include('content.html'); ?></div>
<div class="Footer"></div>

我的包含文件不是 html 列表。它只是 div 中的几个元素，如下所示:

<!-- LAST ELEMENT -->
<div class="element">
        <div class="content">
        </div>
</div>

<!-- SECOND ELEMENT -->
<div class="element">
        <div class="content">
        </div>
</div>

<!-- FIRST ELEMENT -->
<div class="element">
        <div class="content">
        </div>
</div>

我不知道是否可以放一个我的网站链接给你看。如果是禁止的抱歉，直接删掉吧。在那里:Web site

所以你可以看到有很多链接，在左边的 float 中。当它到达时位于屏幕的最右侧，下一个位于最左侧的下方，等等。这就形成了几行。当您单击一个元素时，我想在单击的元素行和下一行之间添加(在 jquery 中)一个具有屏幕宽度的 div。但它不是一个 html 列表，它只是一些在左侧 float 的 div 显示，因此每次我添加一个新元素时，每个元素都会向右移动，因此每行的最后一个元素都会发生变化。这就是为什么我不知道如何将 div 放在两行之间。因为我找不到单击的元素所在的行。如果不是动态内容，更改行将始终相同，因此我可以找到该行的最后一个元素并将我的 div 放在后面。但这是动态内容，我的台词总是在变化。你明白吗？

我希望你能理解我，我是法国人，用英语谈论编码对我来说并不简单。抱歉，如果我犯了错误。

Answer 1

如果我理解正确的话，您想在用户单击的元素后面插入一个元素。如果是这样，您可以使用 jQuery 的 after方法:

$(".element").click(function(){
    $(this).after("<div style='clear:both;' class='element'>Hello World</div>");
});

为了让 div 占据屏幕的宽度，您可以使用'clear:both'。您可能还需要添加其他 css，例如 'width:100%'。