2012-11-27 42 views
4

我在for循環中創建了八個div,並且我想將每個div的鏈接添加到不同的html頁面。並且我也從0到7命名html頁面。那麼我怎樣才能讓變量「我」進入href?謝謝!如何在jQuery的for循環中將變量添加到href中?

for(i = 0; i < 8; i++) { 
    counter[i] = increase * (i * 2); 
    var div = $('<div class="node"><a id="link" href=i + ".html"><img src=archive/' + i + '.jpg width="200" height="200"/></a></div>'); 
    div.css({'top':yoffset,'left':innerWidth/8 * i}); 
    $('body').append(div); 
    objects[i] = div; 
} 
+0

你是什麼意思它鏈接到HREF?你能給出一個你期望最終href值如何的樣本嗎? – ryadavilli

回答

4

變化

var div = $('<div class="node"><a id="link" href=i+".html"><img src=archive/'+i+'.jpg width="200" height="200"/></a></div>'); 

var div = $('<div class="node"><a id="link" href="'+i+'.html"><img src=archive/'+i+'.jpg width="200" height="200"/></a></div>'); 
+0

這是行得通的。非常感謝! – uhaojane

2
var div = $('<div class="node"><a id="link" href="' + i + '.html"><img src=archive/' + i + '.jpg width="200" height="200"/></a></div>'); 

這應該使每個環節點<我>的.html。

1

我會建議創建元素和設置屬性而不是爲元素創建HTML代碼:

for(i = 0; i < 8; i++) { 
    counter[i] = increase * (i * 2); 
    var img = $('<img>', { src = 'archive/' + i + '.jpg', width: '200', height: '200' }); 
    var a = $('<a>', { id: 'link', href: i + '.html' }).append(img); 
    var div = $('<div>', { 'class': 'node' }).append(a).css({'top':yoffset,'left':innerWidth/8 * i}); 
    $('body').append(div); 
    objects[i] = div; 
} 
相關問題