2010-12-02 43 views
0

我試圖從滑塊中的一組鏈接中獲取相關屬性,然後將其用作控件的文本。我有它的工作,除了它只列出第一次多次,而不是多次重複一次。獲取鏈接的相對性和作爲文本循環使用

我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

有什麼想法?非常感謝

+0

不要使用`rel`屬性。改爲使用`data-year`或其他`data- *`屬性。 (這並不回答你的問題,因此評論而不是回答XD) – 2010-12-02 02:58:44

回答

0

試試這個,

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

+0

謝謝堆 - 太棒了!從來不知道jsfiddle - 真棒 – jquerynewbie 2010-12-02 03:27:14