Javascript JSON文件中的超链接URL值

在表中显示时，如何将JSON文件中的URL值设置为超链接

JSON

jQuery

$.getJSON( "test.json", function( data ) {
  var items = [];
  $.each( data, function( key, val ) {
    items.push( "<div class='panel panel-default'><div class='panel-heading'>" + key + "</div><div     
    class='panel-body'><a href=''>" + val + "</a></li></div></div>" );
  });

  $( "<ol/>", {
    "class": "my-new-list",
    html: items.join( "" )
  }).fadeIn(900).appendTo( "body" );
});

$.getJSON（“test.json”），函数（数据）{
var项目=[]；
$。每个（数据、函数（键、值）{
项目。按（“+键+””）；
});
$( "", {
“类”：“我的新列表”，
html:items.join（“”）
}).fadeIn（900）。附录（“正文”）；
});

您需要检查

val

是否包含链接：

$.each( data, function( key, val ) {
    var link = (val.indexOf('http') > -1) ? '<a href="' + val + '">' + val + '</a>' : val;

    items.push( '<div class="panel panel-default"><div class="panel-heading">' + key + '</div><div     
    class="panel-body">' + link + '</li></div></div>');
  });

$。每个（数据、函数（键、值）{
var link=（val.indexOf（'http'）>-1）？“”：val；
物品。推送（“”+键+“”+链接+”）；
});

---

此外，对于更干净的代码，您应该使用

“

作为HTML属性，如

class=“。。。“

和

”

对于Javascript字符串，例如：

”
您只需要在items.push行上稍微慢一点。也许你想在那之前使用if语句来分隔超链接？我可以看到它是如何工作的，但它返回未定义的显示值和URL值。@Matt很高兴我能提供帮助
$.each( data, function( key, val ) {
    var link = (val.indexOf('http') > -1) ? '<a href="' + val + '">' + val + '</a>' : val;

    items.push( '<div class="panel panel-default"><div class="panel-heading">' + key + '</div><div     
    class="panel-body">' + link + '</li></div></div>');
  });