javascriptでcsvのデータを使い価格表示
はじめまして、garage-daxと申します。
現在、会社のサイトを作成しておりまして、
HTML並びにjavascriptを勉強しております。
そこで、つまづいておりまして、諸先輩方、ご教授お願い
したいと思っております。
やりたいこととしては、jsvascriptとHTMLのみで価格を別管理したいのです。
今後の消費税増税対応が面倒なので、価格は別管理にしたいと思っております。
つきましては、csvに「商品ID」「商品価格」を格納し、HTMLの「class="price"」後に
価格を表示したく思っております。
下記までは、自分なりにがんばってみたのですが、このソースだと「商品A」しか
価格が入りません。
これを全ての商品に適応させたいのですが、可能でしょうか。
よろしくお願いします。
Web表示------------------------
商品名A
┗価格:9,800円//ここの価格表示できました
商品名B
┗価格:12,800円
商品名C
┗価格:22,800円
商品名D
┗価格:7,500円
-------------------------------
price.csv----------------------
"商品名A","9,800"
"商品名B","12,800"
"商品名C","22,800"
"商品名D","7,500"
-------------------------------
html---------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/jquery.csv.js"></script>
<script type="text/javascript">
$('.price').each(function(i){
var kakaku = '<br>┗<font color="#CC0000">価格:9,800円</font><br>';
$(this).after(kakaku);
});
</script>
</head>
<body>
<a href="商品名A.html" class="price">商品名A</a><br>
<a href="商品名B.html" class="price">商品名B</a><br>
┗<font color="#CC0000">価格:12,800円</font><br> ←ここの価格を自動表示させたい
<a href="商品名C.html" class="price">商品名C</a><br>
┗<font color="#CC0000">価格:22,800円</font><br> ←ここの価格を自動表示させたい
<a href="商品名D.html" class="price">商品名D</a><br>
┗<font color="#CC0000">価格:7,500円</font><br> ←ここの価格を自動表示させたい
</body>
</html>
-------------------------------