文字列連結を使用して HTML フラグメントを作成し、それを DOM にスローしています。JavaScript に HTML を混在させることは悪い習慣であり、おそらくもっと良い解決策があると思います。ただし、コーディングに苦労している行は次のとおりです。
$('<h1>' + content[0].title + '</h1>').append('body');
だから私が達成したいのは、を作成し、<h1>
そのテキストを content 変数に格納されているオブジェクトの配列から最初のオブジェクトの title プロパティの値に設定することです。次に、これを最後に追加する<body>
- 推奨事項をいただければ幸いです。
(function() {
var content = [
{
title: 'Speak of the devil and he shall appear',
thumbnail: 'images/bane.jpg',
},
{
title: 'Me the joker',
thumbnail: 'images/Joker.jpg',
}
];
$('<h1>' + content[0].title + '</h1>').append('body');
})();