script、jQueryを使いaタグにdata-targetを付与してあげたいです。

Question

前提・実現したいこと

モーダルを表示していく中でid各自のモーダル出すためにdata-targetを使用したいです。
scriptタグの中でaタグにdata-targetを付与してあげたのですが、
エラーが出てしまいます。

data-targetを利用してidを特定後に表示することが目標です。
scriptの中で渡したし部分が上手く行かなく、貴重な指導よろしくお願いいたします。

■■な機能を実装中に以下のエラー

発生している問題・エラーメッセージ

Uncaught SyntaxError: Invalid left-hand side in assignment

該当のソースコード

ata = document.createElement('a');

ata.id = one_week_array[i][j-stopper].m_sta; //問題なくataにid付与できました

ata.data-target = one_week_array[i][j-stopper].m_sta;　

//id付与と同じくしたかたっのですがdata-targetの部分が上手く行きませんでした

ーーーーーーjQueryーーーーーーーーー

                $(function(){
                    $('.js-modal-open').each(function(){
                        $(this).on('click',function(){
                        var target = $(this).data(target);
                        var modal = document.getElementById(target);
                        $(modal).fadeIn();
                        return false;
                    });
                });
                $('.js-modal-close').on('click',function(){
                    $('.js-modal').fadeOut();
                    return false;
                    }); 
                });

//data-targetを利用してidを特定後に表示する

試したこと

jqでの渡し方は色んな文法を調べたのですが、上手く行来ませんでした。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[m.ts10806]

jQueryでセットしたいのにjQueryを使わない方法で失敗してるのはどういう意図ですか？

[Hatiyr]

特に意図があるわけではありません。
書き方も未だによくわからない部分も
ありますし、できるだけどの可能性で
やってみた上で、こちらの方法を
選びました。モーダルを出して行く時に
JQが参考できるところが多かったので
Scriptタグに書いただけです。

Answer 1

JavaScriptからは、dataset からアクセスします。

【データ属性の使用 - ウェブ開発を学ぶ | MDN】
https://developer.mozilla.org/ja/docs/Learn/HTML/Howto/Use_data_attributes

【HTMLOrForeignElement.dataset - Web API | MDN】
https://developer.mozilla.org/ja/docs/Web/API/HTMLOrForeignElement/dataset

Comments

[Hatiyr]

参考にさせていただきます！！

Answer 2

datasetもしくはsetAttributeを使用したらどうでしょうか？
ata.dataset['target'] = 'hogehoge';
ata.setAttribute('data-target', 'hogehoge');

Comments

[Hatiyr]

こちらでエラーなしで設定することができました！！
ありがとうございます。