使用append添加內容 - jquery

我想添加內容（div）後使用append（）圖像。所有的列表項都是動態生成的，我只能將類添加到'ul'中。使用append添加內容 - jquery

這裏的小提琴：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>");

可能是我失去了一些東西。

來源

2014-07-26 chandan

使用after，而不是append。

看看

Fiddle

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

來源

2014-07-26 09:47:28 Richa

''是有效的HTML5關閉標籤後插入。 –

謝謝@Richa – chandan

@RahilWazir：感謝您的糾正，即使我最初有點困惑 – chandan

您不能插入元素的img元素中，而是可以在img元素作爲下一個兄弟後，將其插入

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

演示：Fiddle

您可以使用.after()做到這一點。

來源

2014-07-26 09:45:12

您不能在img元素中插入內容。

試試這個

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

它會之後img標籤作爲同級添加div。

來源

2014-07-26 09:47:03 Mritunjay

我想它的img – chandan

您不能在img元素中追加元素，因爲它是自閉標記，而是將其附加到a元素。

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

來源

2014-07-26 09:47:07

使用append添加內容 - jquery

回答

相關問題