0

これをうまく機能させるために一日中あらゆることを試みてきましたが、運が悪かったです。

li要素の title 属性を、完全に別の要素内の文字列として使用したいと考えていますspan。

これが私のコードです：

<script type="text/javascript">
    $(document).ready(function(){

    });
</script>
<div id="slider">
  <ul>
    <li class="slide" title="Careers">
        <img src="large-image-1.jpg" alt="Large Image 1" /> </li>
  </ul>
</div>
<div id="slide-thumbs">
  <ul>
    <li><img src="thumb-image-1.jpg" alt="Thumbnail for Large Image 1" />
        <span class="thumb-caption"><!-- need title attribute above reading "Careers" to go here --></span>
  </ul>
</div>

ここで何か簡単なことを見逃しているような気がします。私が使用しているスクリプトでこれを行うには、Javascript のみを使用できます。PHP はオプションではありません。どんな助けでも大歓迎です。

ありがとう、ジャスティン。

4

3 に答える 3

3 
var title = $('.slide').attr('title');
$('span').html(title);
于 2013-01-23T00:56:13.647 に答える
1

JS は正常に動作するはずですが、純粋な CSS を使用してこれを実行し、余分なマークアップを回避できることを考慮してください。疑似要素を使用して title 属性を表示し、好きな場所に配置するだけです。

.slide:before {
    content: attr(title);
    position: absolute;
    display: block;
}

タイトルはすでにページに表示されており、それに加えて他に何も生成していないため、余分な要素の理由はありません

于 2013-02-05T10:10:26.900 に答える
0

複数のスライドがある場合は、次を使用することをお勧めします。

$('.thumb-caption').each(function(i) {
    $(this).html($('.slide').eq(i).attr('title'));
});
于 2013-01-23T01:13:27.813 に答える