当前位置：文江博客话题详情

如何使用 jQuery 添加一个 div 作为倒数第二个 div？

发布于 2024-10-27 14:48:00 字数 109 浏览 1 评论 0原文

我知道 .append 将代码放在末尾，而 .prepend 将其放在前面，但我的父 div 中有 5 个 div，并且我希望在最后一个子 div 之前动态添加一些 html 代码。我怎样才能做到这一点？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

尤怨 2024-11-03 14:48:00

$('#parent > div:last-child').before('<span>something</span>');

jsFiddle。

你也可以翻转整个事情。

$('<span>something</span>').insertBefore('#parent > div:last-child');

$('#parent > div:last-child').before('<span>something</span>');

jsFiddle.

You can flip the whole thing around too.

$('<span>something</span>').insertBefore('#parent > div:last-child');

回复收藏 0 原文

活泼老夫 2024-11-03 14:48:00

$('#main div:last-child').before("yourhtmlhere");

http://api.jquery.com/before/

$('#main div:last-child').before("yourhtmlhere");

http://api.jquery.com/before/

回复收藏 0 原文

南薇 2024-11-03 14:48:00

使用之前插入。请参阅此了解更多信息。

var insertedElement = parentElement.insertBefore(newElement, referenceElement);

Use insert Before. Refer This for more.

var insertedElement = parentElement.insertBefore(newElement, referenceElement);

回复收藏 0 原文

围归者 2024-11-03 14:48:00

您可以使用 :last 伪选择器和 .before() 方法

这是一个小提琴：http://jsfiddle.net/Aq6eu/

<div id='parent'>
    <div> child div 1</div>
    <div> child div 2</div>
    <div> child div 3</div>
    <div> child div 4</div>
    <div> child div 5</div>
</div>

$('#parent div:last').before('some text goes here ')

You can use the :last pseudo selector and the .before() method

Here's a fiddle : http://jsfiddle.net/Aq6eu/

<div id='parent'>
    <div> child div 1</div>
    <div> child div 2</div>
    <div> child div 3</div>
    <div> child div 4</div>
    <div> child div 5</div>
</div>

$('#parent div:last').before('some text goes here ')

回复收藏 0 原文

~没有更多了~