JQueryでカスタム属性に入っているyyyy-mm-ddを取得しそれに該当するdivにクラスを追加したい

Question

##カレンダー機能を実装しているのですが、カスタム属性にデータが入っている場合にそれに該当するdivにクラスを追加したいと考えています。

※air datepicker使用

<input type="text" class="datepicker-here" data-selected="2021-05-22,2021-05-23,2021-05-24,2021-05-25" />

上記のdata-selectedの値を取得し、それぞれの値を分解したのち、data-year="",data-month="",data-date=""それぞれに格納し該当の下記divに「-selected-」のクラスを付与

<div class="datepicker--cell datepicker--cell-day -weekend-" data-date="22" data-month="4" data-year="2021">22</div>
<div class="datepicker--cell datepicker--cell-day -weekend-" data-date="23" data-month="4" data-year="2021">23</div>
<div class="datepicker--cell datepicker--cell-day -weekend-" data-date="24" data-month="4" data-year="2021">24</div>
<div class="datepicker--cell datepicker--cell-day -weekend-" data-date="25" data-month="4" data-year="2021">25</div>

##やってみたこと

$(function(){
	//カスタム属性用意
	var year ='data-year=';
	var month ='data-month=';
	var date ='data-date=';

	var selected = $('.datepicker-here').data('selected');//インプットのカスタム属性を取得

	var res = selected.split(",");//分割
	if(selected.length !==0){
		$(res).each(function(index) {
			var selectedDay = res[index].split("-");//分割（yyyy,mm,dd）
			var reYear = year + selectedDay;//data-yearにセット（""←どうやって反映するか）
			console.log(reYear);
			$(selectedDay).each(function(val) {
				var day = selectedDay[val].split(",");
				console.log(day);
				var reYear = year + day;
				var reMonth = month + day;
				var reDate = date + day;
				console.log(reYear);
				console.log(reMonth);
				console.log(reDate);
			});
		  });
	}else{
		
	}
});

分かる方いらっしゃいましたらお力添えをいただきたいです。
宜しくお願い致します。

Answer 1

jQueryのdataメソッドを使うだけでは？

let year = $(任意のセレクタ).data("year"); //data-yearの場合
let month = $(任意のセレクタ).data("month"); //data-monthの場合

あとはaddClassメソッドでクラス指定するだけです

$(任意のセレクタ).addClass(設定したいクラス名);

Comments

[backwimps]

上記回答ありがとうございます！
data-selected="2021-05-22,2021-05-23,2021-05-24,2021-05-25"
この値をそれぞれ分割し、data-year="",data-month="",data-date=""に入れ込み該当するdivにクラスを追加したいと考えています！
よろしくお願いいたします！

[FKM]

1．分割する
2．dataメソッドは代入もできるので代入する
3．addClassでクラスを付与する

この手順でできると思います。

[backwimps]

上記対応できました！
ご連絡が遅くなり申し訳ございません！
ありがとうございました！！