使用append添加内容 - Jquery

Question

我试图使用append()在图像后添加内容(div).所有列表项都是动态生成的,我只能将类添加到'ul'.

这是小提琴: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>");

可能是我错过了什么.

Answer 1

用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>