0

私はこのコードを持っています:(通常）

<div class="thumbInnerContainer">
    <div class="thumbs">
       <img src="/uploads/2012/09/image1.jpeg" class="thumb_img" title="Image Title description 1"> 
    </div>

    <div class="thumbs">
       <img src="/uploads/2012/09/image2.jpeg" class="thumb_img" title="Image Title description 2"> 
    </div>

    <div class="thumbs">
       <img src="/uploads/2012/09/image3.jpeg" class="thumb_img" title="Image Title description 3"> 
    </div>
</div>

だから、私は画像からタイトル属性を抽出したい（以下のサンプルを参照）

<div class="titles">Image description 1</div>
<div class="titles">Image description 2</div>
<div class="titles">Image description 3</div>

jQueryを使いたい。これどうやってするの？

それは複数の画像であることを忘れないでください。私は解決策を見つけましたが、これは単なる絵であり、複数ではありません。

4

1 に答える 1

0

これにより、title属性を持つ各画像が調べられ、id titlesContainer：を使用してdivにタイトルが追加されます。

Javascript

$('img[title]').each(function() {
    $('#titlesContainer').append('<div class="titles">' + $(this).attr('title') + '</div>');
});

HTML

<div id="titlesContainer"></div>

デモ

于 2013-01-06T03:13:55.077 に答える