2

我有以下html：

<div id="slider">
    <ul>
        <li><a href="#" filename="strangeweather_1"><img src="large/strangeweather_1.jpg" alt="Baby, You're Just Like Stereo Equipment - ink, watercolor, gouache on paper" /></a></li>
        <li><a href="#" filename="strangeweather_2"><img src="large/strangeweather_2.jpg" alt="I Don't Mind If You Sleep Through This Or It Wakes You - ink, gouache, watercolor on paper" /></a></li>
        <li><a href="#" filename="strangeweather_3"><img src="large/strangeweather_3.jpg" alt="It's Not Over Yet - ink, watercolor, gouache, graphite on paper" /></a></li>
    </ul>
</div>

<div id="contentTitle"><!-- append alt text here -->
</div>

我的 jQuery 看起来像这样：

$(document).ready(function() {
   var altText = $(this).find('#slider ul li img').attr('alt');
   $('div#contentTitle').append(altText);

});

这似乎适用于文档加载时的第一个 img alt。不确定如何在通过轮播加载每个图像时显示其替代文本。

jquery 是否有效地获取 alt 的副本并将其存储以进行操作？我正在考虑使用 .offset() 在绝对位置显示 alt。我不知道每次加载当前图像时如何显示 alt。

希望这是有道理的。

所有代码都在这里：http ://dev.jessicaharby.com/work/

4

2 回答 2

0

你可以试试each()方法：

$(document).ready(function() {
   $('#slider ul li img').each(function() {
         $('div#contentTitle').append($(this).attr('alt'));
   }); 
})

演示

于 2012-07-09T16:29:57.393 回答
-1

尝试这个：

更新：修正错别字

$(document).ready(function() {
     var altText = "";
     $('#slider ul li img').each(function(a, b){
        altText += $(b).attr('alt') + "<br/>";
     });

   $('#contentTitle').append(altText); //Remove the div from the slecttor, since you are using ID selector this version is faster.
});

JsFiddle：http: //jsfiddle.net/vsDze/

于 2012-07-09T16:30:41.373 回答