jquery - 从图像标题 atrib（播放列表）中提取多个属性

Question

我有这个代码：（正常）

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

所以，我想从图像中提取 TITLE 属性（参见下面的示例）

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

我想使用 jQuery。我怎样才能做到这一点？

请记住，这是多个图像。我找到了一个解决方案，但这只是一张图片而不是多重。

Answer 1

这将遍历每个带有标题属性的图像，并将标题添加到 div 中id titlesContainer：

Javascript

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

HTML

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

演示