リンクのrel attrの取得とテキストとしての繰り返しの使用

Question

私はスライダーのリンクセットからrel attrを取得して、コントロールのテキストとして使用しようとしています。私は一度だけ複数のrelsではなく、最初のrelを複数回リストすることを除いて動作させています。

私のjQueryの

jQuery("#slider li a").each(function() { 

    var yearValue = $(this).attr('rel'); 

jQuery('#controls li a').text(yearValue); 
}); 

で、出力HTMLは、私がいないFOOとFOO

、 FOOと バーを持っているOLに必要

<div id="slider"> 
    <ul> 
    <li><a rel="foo" href="#"><img src="image1.jpg" alt="alt" /></a></li> 
    <li><a rel="bar" href="#"><img src="image2.jpg" alt="alt" /></a></li> 
    </ul> 
</div> 
<ol id="controls"> 
    <li id="controls1" class="first"><a href="javascript:void(0);" rel="0">foo</a></li> 
    <li id="controls2" class="current"><a href="javascript:void(0);" rel="1">foo</a></li> 
</ol>  

です

アイデア？感謝

Answer 1

`rel`属性を使用しないでください

jQuery("#slider li a").each(function() { 

    var index = $(this).parent().index(); 
    var yearValue = this.rel; 

    jQuery('#controls li').eq(index).find('a').text(yearValue); 

}); 

Nice Demo