JSON 파일의 하이퍼 링크 URL 값

Question

테이블에 표시 될 때 내 JSON 파일의 URL 값을 하이퍼 링크로 어떻게 설정할 수 있습니까?

JSON

{ 
    "one": "http://urltovideo.mp4", 
    "two": "The second list item", 
    "three": "The third list item" 
} 

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"); 
}); 

Answer 1

당신은 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>'); 
    }); 

또한, 청소기 코드, 당신은 HTML에 대한 "를 사용해야합니다 class="..." 및 ' f와 같은 속성 나 같은 자바 스크립트 문자열 : '<a href="' + val + '">'

이