получение rel attr ссылки и использование в качестве повторяющегося текста

Question

Я пытаюсь получить rel attr из набора ссылок в слайдере, а затем использовать в качестве текста для элемента управления. У меня это работает, за исключением того, что он перечисляет только первое rel несколько раз, вместо нескольких rels один раз.

Мой JQuery является

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

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

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

и выход HTML является

<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>  

мне нужно рядо иметь Foo и бар, а не Foo и Foo

Любые идеи? Высокую оценку

Answer 1

попробовать это,

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