回答編集履歴

1 コードエリアに言語名を付けただけです。

CyberMergina

CyberMergina score 287

2015/02/13 20:55  投稿

求めているものから少し道はそれますが、append地獄だとタグ挿入などのメンテが大変なので
[Handlebars.js](http://handlebarsjs.com/)を使うと見やすく書けます。
…このままだと動かないかもですが…;
```lang-html
<script id="tmp01" type="text/x-handlebars-template">
 <tr>
   <th>
     <span>{{category}}</span>
     <a href='detail.php?id={{id}}'><h4>{{title}}</h4></a>
   </th>
   <td>
     <span class='gmap_link'><a class='i_map' target='_blank' href='https://www.google.co.jp/maps/search/{{address}}'>{{address}}</a></span>
   </td>
   <td><span class='txt'>{{tel}}</span></td>
   <td><span class='txt'>{{business_hours}}</span></td>
   <td><span class='txt'>{{holiday}}</span></td>
 </tr>
</script>
```
```lang-js
```lang-javascript
 var template = Handlebars.compile($("#tmp01").html());
 $("#tokyo-chuoku").append(template(json));
 $(".tokyo-shibuyaku").append(area);
```

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