匿名質問者回答ポイント なしウォッチ

WordpressのプラグインWP REST APIで取得したJSONの表示

javascriptでHTMLに出力しようとしています。
その際、ネストされた要素(カスタムフィールド)を出力しようとすると上手く表示されず困っています。
①PCのGoogleChrome→カスタムフィールドも問題なく出力される。
②ChromeのDeveloper Toolsのデバイス切り替えでiPhoneやAndroid→何も表示されず、Consoleのエラーでは
「Uncaught TypeError: Cannot read property 'customfield1' of undefined」
との表示。
カスタムフィールドはjson_prepare_post フィルターを使い、出力させており、整形して確認しましたが、特に表記に問題はありませんでした。

Javascript初心者で申し訳ないのですが、よろしくお願いします。


▼JSON
[
{
"title": "記事タイトル",
"content": "コンテンツ",
〜〜〜
"post_meta": {
"customfield1": "カスタムフィールド1",
"customfield2": "カスタムフィールド2",
},
〜〜〜

▼ソース
<script>
$(document).ready(function () {
$.getJSON("【wordpressのURL】", function(data){
for(var i in data){
$(".list").append("<h1>"+ data[i].title + "</h1><p>"+ data[i].content + "</p><p>"+ data[i].post_meta.customfield1+ "</p>");
}
});
});
</script>