回答編集履歴

1 フレームワークへの言及を追記

gouf

gouf score 2154

2015/02/13 19:28  投稿

```lang-javascript
var htmlString = '';
var json = {
 id: 'id',
 title: 'title',
 category: 'category',
 address: 'address',
 tel: 'tel',
 business_hours: 'business_hours',
 holiday: 'holiday'
}
htmlString = htmlString.concat(
 '<tr>',
   '<th>',
     '<span>' + json['category'] + '</span>',
     '<a href="detail.php?id=' + json['id'] + '"',
     '<h4>' + json['title'] + '</h4>',
   '</th>',
   '<td>',
     '<span class="gmap_link">',
       '<a class="i_map" target="_blank" href="https://www.google.co.jp/maps/search/' + json['address'] + '">',
         json['address'],
       '</a>',
     '</span>',
   '</td>',
   '<td>',
     '<span class="txt">',
         json['tel'],
     '</span>',
   '</td>',
   '<td>',
     '<span class="txt">',
         json['business_hours'],
     '</span>',
   '</td>',
   '<td>',
     '<span class="txt">',
         json['holiday'],
     '</span>',
   '</td>',
 '</tr>'
);
$(function () {
 $element = $('.tokyo-chuoku');
 $element.html(unescape(htmlString));
});
```
詳しくは知らないため「これ」とおすすめできるものはありませんが、jQuery 以外のフレームワークの導入を検討されてはいかがでしょうか
詳しくは知らないため「これ」とおすすめできるものはありませんが、jQuery 以外の、AngularJS などのフレームワークの導入を検討されてはいかがでしょうか
## Links
* [人気上昇中のJavaScriptライブラリを調べてみた[ジャンル別に比較] - Build Insider](http://www.buildinsider.net/web/popularjslib/2014)
* [jquery inserted HTML is rendered as a raw text - Stack Overflow](http://stackoverflow.com/questions/20267775/jquery-inserted-html-is-rendered-as-a-raw-text)

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る