スライダーがあり、各スライドの content-editable が true に設定されています。つまり、各スライドは基本的にフォームです。スライドを作成するときに、特定のスライドからフィールド値を取得できるように、スライドの各フィールドに data-id 属性を埋め込みます。
問題は、data-id 属性が設定されたフィールド値を取得すると、data-id 属性が設定さ1
れたスライドからフィールド値も取得されること10
です。
なぜこうなった?
イベントトリガーで特定のスライドの値を取得するために使用するコードは次のとおりです。
var dealID = $(e.currentTarget).data("id");
console.log("Deal ID: " + dealID);
var dealTitleText = $('#deal-main-title[data-id*="' + dealID + '"]').text();
var dealProvider = $('#deal-main-provider[data-id*="' + dealID + '"]').text();
var dealDescription = $('#deal-main-description[data-id*="' + dealID + '"]').text();
var dealPhoneNumber = $('#deal-main-phonenumber[data-id*="' + dealID + '"]').text();
var dealConditions = $('#deal-main-conditions[data-id*="' + dealID + '"]').text();