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 に答える