2016-11-28 7 views
0

私はjtmlデータをHTMLページのjavascriptに表示していますが、この情報をリンクのようにクリック可能にする方法があるかどうかは疑問でした。誰でもこれがどのように行われるのか知っていますか?jsonデータをhtmlのクリック可能なリンクにする

私のjsonは、jsonファイルからそれぞれの名前を取得してクリック可能にしたいと考えています。

{ 
 
    "example": [ 
 
     { 
 
      "name": "Dr. Sammie Boyer", 
 
      "email": "[email protected]" 
 
     }, 
 
     { 
 
      "name": "Eladio Beier", 
 
      "email": "[email protected]" 
 
     }, 
 
     { 
 
      "name": "Hilton Borer", 
 
      "email": "[email protected]" 
 
     } 
 
    ] 
 
}

私は

$(document).ready(function() { 
 

 

 
    $.getJSON('example.json', function(data) { 
 
     var output = ''; 
 
     $.each(data.name, function(key, value) { 
 
       output += '<a href=' + value.name + '</a>'; 
 
     }); 
 
     
 
     $('#user').html(output); 
 
    }); 
 
});

+0

あなたの質問を明確にしてください。あなたは私たちに与えることができる例はありますか?何を試しましたか? JSON全体をクリック可能にしたいのですか、特定の部分のみをクリックしますか? – Daerik

+0

クリック可能なjsonデータの例を追加できます –

+0

jsonが追加されました – Rebekah

答えて

0

を試してみましたコード(更新)これを試してみてください - あなたループ

として hrefの値を設定します。
+0

になりましたこれは私にとってはうまくいかないようです – Rebekah

+0

は自分自身で働くことができました。 – Rebekah

+0

@Rebekah私は答えを更新しました。 –

関連する問題