代码之家 › 专栏 › 技术社区 › Simon

在第一个图像元素jquery后添加图像

appendto append insert image jquery

Simon · 技术社区 · 12 年前

我试图在div元素中动态添加图像。所以我有一个这样的街区

<div id="gallery" >
    <img src="images/slide1.jpg" alt="Slide 1 />
    <img src="images/slide2.jpg" alt="Slide 2 />
    <img src="images/slide3.jpg" alt="Slide 3 />
    <img src="images/slide4.jpg" alt="Slide 4 />
</div>

这个想法是在第一张图像之后动态插入图像,这样我的新图像就在第一张图片之后。我试过appendTo、append、after、insertAfter。

你有什么想法吗? 提前感谢:)

2 回复 | 直到 12 年前

Lix 12 年前

你有一些格式错误的HTML——我想这是复制代码时的一个错误。。。

也许这会有所帮助-

$('<img src="foo.jpg" />').insertAfter("#gallery > img:first");

如果您想使用 insertAfter() 函数,您必须确保选择了正确的元素。在这种情况下

第一个 img 标签- :first
在儿童的第一层次 >
在id为的元素中 gallery - $("#gallery")

Simon 12 年前

我的问题有答案,我用这句话解决了它:

$image.insertBefore("#container > img:last");

我记得我在容器元素的末尾添加图片,而不是在开头添加图片。

再次感谢。

推荐文章

ThoughtfulCollector · jQuery appendTo忽略最后一个元素

2 年前

Hernan HumaÃ±a · 在JQUERY中的foreach内追加

6 年前

Rohalt · 选择单选按钮时清除输入

6 年前

Anthony Salamin · 向表单元素添加多个复选框

6 年前

Kyle Underhill · 单击时为每个按钮添加/删除div

6 年前

Hamza Ebrahim · 用户输入被错误地附加到Python列表

6 年前

Sunny Rahevar · 无法在jquery中附加HTML代码

6 年前

Karma · 基于datetime将df2中的多行追加到df1

6 年前

Martin Bobak · 如何将多个项目附加到熊猫df?

6 年前

joe · 如果找不到具有特定类jquery的子级,则追加div

6 年前