以下のようなコードで、コンソールログに値が表示されません。
ブラウザのキャッシュ等ではなく、何が原因かわかりません・・
オブジェクトの一覧は取得できているので、その中身の参照方法かと思いますが、ご教授願います
html
1<div class="val_box"> 2 <input type="hidden" data-role='{ 3 "product_id":"27", 4 "single_amazon":"http://www.amazon.co.jp/dp/B00QLX506E?psc=1", 5 "single_rakuten":"http://item.rakuten.co.jp/elmin-store/4580273665138/", 6 "semidouble_rakuten":"http://item.rakuten.co.jp/elmin-store/4580273665145/", 7 "semidouble_amazon":"http://www.amazon.co.jp/dp/B00QLXXHPU?psc=1", 8 "double_rakuten":"http://item.rakuten.co.jp/elmin-store/4580273665152/", 9 "double_amazon":"http://www.amazon.co.jp/dp/B00QLYL4TA?psc=1", 10 }' 11> 12<input type="hidden" data-role='{ 13 "product_id":"28", 14 "single_amazon":"http://www.amazon.co.jp/dp/B00QLZE1QC?psc=1", 15 "single_rakuten":"http://item.rakuten.co.jp/elmin-store/4580273665169/", 16 "semidouble_rakuten":"http://item.rakuten.co.jp/elmin-store/4580273665176/", 17 "semidouble_amazon":"http://www.amazon.co.jp/dp/B00QLZIZL4?psc=1", 18 "double_rakuten":"http://item.rakuten.co.jp/elmin-store/4580273665183/", 19 "double_amazon":"http://www.amazon.co.jp/dp/B00QLZLZXY?psc=1", 20 }' 21 > 22</div>
javascript
1<script> 2 $('.val_box input').each(function(){ 3 console.log($(this).data('role')); // 表示される 4 console.log($(this).data('role').product_id); //undefinedになる 5 }); 6</script>
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
カンマを外しましたが取得できませんでした。
<input type="hidden" data-role='{
"product_id":"28",
"single_amazon":"http://www.amazon.co.jp/dp/B00QLZE1QC?psc=1"
"single_rakuten":"http://item.rakuten.co.jp/elmin-store/4580273665169/"
"semidouble_rakuten":"http://item.rakuten.co.jp/elmin-store/4580273665176/"
"semidouble_amazon":"http://www.amazon.co.jp/dp/B00QLZIZL4?psc=1"
"double_rakuten":"http://item.rakuten.co.jp/elmin-store/4580273665183/"
"double_amazon":"http://www.amazon.co.jp/dp/B00QLZLZXY?psc=1"
}'
回答3件
あなたの回答
tips
プレビュー