私のサイトは Spotify ライブラリを検索し、結果のリストを返します。アイデアは、ユーザーが結果の 1 つをクリックして、それをプレイリストに追加し、フォーム送信の一部として投稿できるようにすることです。以下のコードは、クリックされた曲を .selected-list コンテナーに追加し、Spotify の曲の href の値を使用して非表示の入力を DOM に追加します。
これはすべて機能しますが、新しい曲をクリックして新しい入力が追加されるたびに、以前に追加されたすべての入力の href も変更されます。すべての入力が持っている .track を特定しているためであることはわかっていますが、どうすればよいかわかりません。
$('.spotify-result').click(function() {
$(this).clone().appendTo($('.selected-list'));
$('.submit-spotify').before('<input type="hidden" id="track_href" class="track" value="" name="track_href" />');
$('.track').val($('.track-href', this).text());
});