0

HTMLをロードしたdivがあります。私がやりたいことは、この div から最初の画像を何らかの方法で取得し (クラス/ID を制御できないため、「img」を検索する必要があります)、リストビューにサムネイルとして配置することです。何か案は？Android および iPhone 用の jquery/html5 を使用した phonegap アプリケーション用です。

4

2 に答える 2

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>​
于 2012-07-31T13:07:17.623 に答える
0

This may be slightly generic as you've not provided any HTML, with a structure like this

text

more text

You can retrieve the first img using the following Jquery

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

This will retrieve the src attribute of the first img tag in the div and append an image to your list.

Is this the kind of thing you're after?

于 2012-07-31T12:29:44.580 に答える