添加内容使用追加- Jquery

adding content using append - Jquery

本文关键字：追加 Jquery 添加      更新时间：2023-09-26

我试图在使用append()的图像后添加内容(div)。所有的列表项都是动态生成的，我只能在'ul'中添加class。

小提琴在这里:http://jsfiddle.net/krish7878/ggyDf/3/

<ul class="footer-8-flickr">
  <li> <a href="#"> <img src="#"></a></li>
  <li> <a href="#"> <img src="#"></a></li>
  <li> <a href="#"> <img src="#"></a></li>
<ul>
$("ul.footer-8-flickr li a img").append("<div class='overlay'><p>Content</p></div>");

也许我错过了什么。

用after代替append

看一看

小提琴 

<ul class="footer-8-flickr">
    <li> <a href="#"> <img src="#"/></a>
    </li>
    <li> <a href="#"> <img src="#"/></a>
    </li>
    <li> <a href="#"> <img src="#"/></a>
    </li>
    <li> <a href="#"> <img src="#"/></a>
    </li>
    <li> <a href="#"> <img src="#"/></a>
    </li>
    <li> <a href="#"> <img src="#"/></a>
    </li>
    <li> <a href="#"> <img src="#"/></a>
    </li>
    <li> <a href="#"> <img src="#"/></a>
    </li>
</ul>

您不能在img元素中插入元素，而是可以将其插入img元素之后作为下一个兄弟元素

$("ul.footer-8-flickr li a img").after("<div class='overlay'><p>Content</p></div>");

演示:小提琴

您可以使用。after()来完成此操作

不能在img元素中插入内容。

试试这个

$("ul.footer-8-flickr li a").append("<div class='overlay'><p>Content</p></div>");

它将在img标签之后添加div作为兄弟。

你不能在img元素中添加它，因为它是自关闭标记，而是在a元素中添加它。

$("ul.footer-8-flickr li a").append("<div class='overlay'><p>Content</p></div>");
相关文章：