何らかの理由で、この単純なコードが機能しません。API から H1 要素に情報をロードしています。次に、その情報に基づいて、すぐ隣にある別の H1 要素にテキストを追加します。両方の H1 要素 ID を指定して、これを試しました。
$(document).ready(function(){
if ($('#constructor').is(":contains('McLaren')")) {
$('#foundYear').append('1963');
}
});
何も起こりません。
編集: Angular を使用して API からデータを取得しています。HTMLは次のとおりです。
<header>
<img src="img/flags/{{talli.nationality}}.png" />
<h1 id="constructor">{{talli.name}}</h1>
<h1 id="foundYear"></h1>
</header>
Edit2: 私がやろうとしていることを本当に理解するために、写真を追加しました。詳細は次のとおりです。NG-repeat を使用して、Ergast API からフォーミュラ 1 コンストラクターをロードしています。次に、各コンストラクターの創業年など、私自身の情報も少し追加します。私はまだJavascriptに慣れていないので、これにアプローチする方法がよくわかりません。