註冊不刪除元素之間的逗號

Question

我無法弄清楚如何使用連接來擺脫數組中圖像之間的逗號。使用連接是所有關於刪除逗號問題的唯一建議。我在其他項目中使用了相同的附加代碼（只是不同的變量），並且數組在屏幕上沒有逗號，所以我不知道它們爲什麼顯示在第一位。

for (i=0; i < adThree.length; i++) { 
$sectionThree.append('<div class="three"> ' + adThree[i] + '</div>'); 
}; 

var adThree = new Array(); 
adThree[0] = ['<a href="http://allinonehomeschool.com"><img 
src="./resources/adimages/redborder125x125AdHolder.jpg"/></a>']; 
adThree[1] = ['<a href="http://allinonehomeschool.com"><img 
src="./resources/adimages/greenborder125x125adholder.jpg"/></a>']; 
adThree[2] = ['<a href="http://allinonehomeschool.com"><img 
src="./resources/adimages/orangeborder125x125adholder.jpg"/></a>']; 

Answer 1

你的adThree陣列內的元件是數組本身。因此，adThree[0]返回一個數組元素，如['<a href="http://allinonehomeschool.com"><img src="./resources/adimages/redborder125x125AdHolder.jpg"/></a>']。我猜你不想那樣，但想要在<div>內有圖片。對於這一點，你需要聲明不加方括號的數組元素，但作爲簡單的字符串，像這樣：

adThree[0] = '<a href="http://allinonehomeschool.com"><img src="./resources/adimages/redborder125x125AdHolder.jpg"/></a>'; 

所以，你的代碼應該是這樣的：

var adThree = new Array(); 
adThree[0] = '<a href="http://allinonehomeschool.com"><img 
src="./resources/adimages/redborder125x125AdHolder.jpg"/></a>'; 
adThree[1] = '<a href="http://allinonehomeschool.com"><img 
src="./resources/adimages/greenborder125x125adholder.jpg"/></a>'; 
adThree[2] = '<a href="http://allinonehomeschool.com"><img 
src="./resources/adimages/orangeborder125x125adholder.jpg"/></a>'; 

for (i=0; i < adThree.length; i++) { 
    $sectionThree.append('<div class="three"> ' + adThree[i] + '</div>'); 
}; 

而且還小心$sectionThree指的是什麼。通常，這不是在JS中聲明變量的方法。如果您有<div id="sectionThree">，那麼您將此DOM對象稱爲$('#sectionThree')。

Answer 2

var adThree = ['<a href="http://allinonehomeschool.com"><img 
src="./resources/adimages/redborder125x125AdHolder.jpg"/></a>','<a 
href="http://allinonehomeschool.com"><img 
src="./resources/adimages/greenborder125x125adholder.jpg"/></a>','<a 
href="http://allinonehomeschool.com"><img 
src="./resources/adimages/orangeborder125x125adholder.jpg"/></a>']; 

for (i=0; i < adThree.length; i++) { 
    $sectionThree.append('<div class="three"> ' + adThree[i] + '</div>'); 
};