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 attr （参见下面的示例）

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

我想使用jQuery。我怎么能这样做？

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

Answer 1

这将使用title属性浏览每个图片，并使用id titlesContainer将标题添加到div：

<强>的Javascript

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

<强> HTML

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

<强> Demo

从图像标题atrib（播放列表）中提取多个Attr

1 个答案: