将图像从div加载到ListView中作为缩略图

Question

我有一个div加载了一些HTML。我想要做的是以某种方式从这个div中获得第一个图像（我需要搜索“img”，因为我无法控制他们的类/ ID）并将其作为缩略图放在列表视图中。有任何想法吗？ 这是针对Android和iPhone使用jquery/html5的phonegap应用程序。

Answer 1

实施例：

• http://jsfiddle.net/MeyvK/1/

JS：

// Append each image to the list 
$('img').each(function() { 
    var imageList = $('#thumbs'); 

    imageList.append('<li><a href="#"><img src="'+this.src+'"><h3>Thumbnail Title</h3><p>Thumbnail Description</p></a></li>'); 
}); 

// Refresh jQM Controls 
$('#thumbs').listview('refresh'); 

HTML：

<!-- images --> 
<img src="http://jquerymobile.com/demos/1.1.1/docs/lists/images/album-p.jpg" alt="full size image" /> 
<img src="http://jquerymobile.com/demos/1.1.1/docs/lists/images/album-xx.jpg" alt="full size image" /> 
<img src="http://jquerymobile.com/demos/1.1.1/docs/lists/images/album-ok.jpg" alt="full size image" /> 

<br /> 

<ul data-role="listview" id="thumbs"> 
    <li><a href="#"> 
     <img src="http://jquerymobile.com/demos/1.1.1/docs/lists/images/album-hc.jpg" /> 
     <h3>Thumbnail Title</h3> 
     <p>Thumbnail Description</p> 
    </a></li> 
</ul>​ 

Answer 2

如你没有提供任何HTML，具有结构像这样

文本这可能会稍微通用

更多的文字

您可以用获取第一张图片继Jquery

$(document).ready(function() { 
    var html = $("div img:first").attr('src'); 
    $("#list").append("<li><img src="" + html + "" /></li>"); 
}); 

This wi将检索div中第一个img标签的src属性并将图像附加到列表中。

这是你之后的事情吗？