如何设置前置HTML超链接的样式?

时间:2016-05-15 16:39:09

标签: jquery html css

我正在使用与JSON交互的onclick函数来提取维基百科文章的超链接,标题和描述。

但是我想通过给它们唯一的ID / Class来自己设置每一个的样式,我给了一个ID,但它不会起作用。

for (var i=0; i<data[1].length;i++){

  $("#output").prepend("<li><a href= "+data[3][i]+"id = "styleme">"+data[1][i]+"</a><p>" + data[2][i] + "</p></li>");
  }

2 个答案:

答案 0 :(得分:1)

您为每个链接设置了相同的ID:id = "styleme"。此外,您需要在id之前使用空格并将单引号替换为单引号:'<li><a href= '+data[3][i]+' id = "styleme">'

答案 1 :(得分:1)

var id = "data";
for (var i=0; i<data[1].length;i++){
$("#output").prepend("<li><a href= "+data[3][i]+"id = " + id + i + ">"+data[1][i]+"</a><p>" + data[2][i] + "</p></li>");}