從角度拍攝文字圖片

Question

我有一些HTML代碼，裏面有文字和圖片（我不知道這段文字有多長時間，有多少圖片）。有什麼辦法可以把所有的圖像，並使用AngularJS把它們放入1個div元素？

代碼，我有：

<p>aaaaaaaaaaaaaaaaaaaaa</p><div><img><img><img></div> 

有沒有這樣做的任何方式：我想

<p>aaaaaaaaa<img>aaaaaaa<img>a<img>aaaa...</p> 

碼？

Answer 1

你可以做到這一點，沒有Angular，我想。盡你所能的就是把你的HTML的一塊成一個jQuery對象，就像這樣：從這個jQuery對象

var $jqueryObject = $("<your HTML code"); 

然後你就可以提取所有的圖像，並將它們保存在一個變量：

var allImages = $jqueryObject.children("img"); 

最後，你可以遍歷所有這些img元素，並做一些與他們：

$.each(allImages, function(index, image) { 
    // Do your magic 
} 

Answer 2

你真的不需要使用庫的一個簡單的DOM操作，試試這個：

var p = d.getElementsByTagName('p')[0]; 
var div = d.createElement('div'); 
while(img = p.getElementsByTagName('img')[0]) { 
    div.appendChild(img); 
} 
p.parentNode.insertBefore(div, p.nextSibling); 

請記住我的目標是在提供這樣也許扔在P的ID，並確保你調用這個曾經的文件已加載代碼。

在Chrome，FireFox和IE上測試。