无法正确连接字符串以创建链接

我正在使用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

无法正确连接字符串以创建链接

回答

相关问题