获得链接的相关性并使用文本重复出现

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>    

我需要ol来 foo 和 bar ，而不是 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