無法正確連接字符串以創建鏈接

我正在使用Wikipedia API進行項目。我想爲每一個li創建一個鏈接。但未能連結正確的方法。無法正確連接字符串以創建鏈接

這是我的代碼

for (var j=0; j < wikiData.length; j++) { 
    var articleAuthor = wikiData[1][j]; 
    var articleInfo = wikiData[2][j]; 
    var linkAuthor = wikiData[3][j]; 
    domCache.$wikiArticlesList.append('<li class="articleItem">'+ '<span>' + '<a href =' + '"linkAuthor">' + articleAuthor + '</a>' + '</span>' +'<span class="shortInfo">' + articleInfo +'</span>' + '</li>'); 
    console.log(j + " " + articleAuthor); 
    console.log(j + " " + articleInfo); 
    console.log(j + " " + linkAuthor); 
    }

變種linkAuthor =維基數據[3] [j]的;

我想將linkAuthor變量連接到href（加粗）。我知道這個問題與撇號有關。但是我的大腦只是停留在它，我需要有人用新鮮的眼睛看它。請幫幫我。

Codepen project link

來源

2016-08-04 NZMAI

您只需要變量的'+'，就沒有必要在很多普通字符串上使用它了。這也會讓你更容易看到你在做什麼。 –

感謝您的提示！ – NZMAI

domCache.$wikiArticlesList.append('<li class="articleItem">'+ '<span>' + '<a href =' + linkAuthor + '>' + articleAuthor + '</a>' + '</span>' +'<span class="shortInfo">' + articleInfo +'</span>' + '</li>');

你linkAuthor是內部代碼

來源

2016-08-04 04:54:51

可以參考以下附加重寫。當你不得不連接大的html字符串時，最好使用數組連接以便於調試。

domCache.$wikiArticlesList.append([ 
'<li class="articleItem">', 
    '<span>', 
     '<a href="', 
      linkAuthor, 
     '">', 
      articleAuthor, 
     '</a>', 
     '</span>', 
     '<span class="shortInfo">', 
     articleInfo, 
    '</span>', 
'</li>' 
].join(''))

來源

2016-08-04 05:03:03 z0mBi3

Greate tip我會記住謝謝！ – NZMAI

無法正確連接字符串以創建鏈接

回答

相關問題