jquery form data取得できない

Question

現在

現在私はformの属性データを取得したいと考えています。
クラスやタグで取得しようとするとundefinedになってしまい取得できません。
どなかお分かりになりますでしょうか。

コード

<div class="row">
    <div class="col-lg-6 col-md-12 mt-5 col-sm-12  mx-auto">
       <div class="card">
         <div class="card-body text-center">
	<form action="" class = "form_cancel" data-group="3" method="POST">
   <input type="submit"  class="btn btn-light w-25  mx-2" id='test' data-group="3" value="申請する">
          </div>
        </form>
       </div>
     </div>
   </div>
        
	
  
    <div class="col-lg-6 col-md-12 mt-5 col-sm-12  mx-auto">
       <div class="card">
        <div class="card-body text-center">
	  <form action="" class = "form_cancel" data-group="1" method="POST">
          <div class="form-group mt-3">
           <input type="submit"  class="btn btn-light w-25  mx-2" id='test' data-group="1" value="申請する">
          </div>
         </form>
       </div>
     </div><!-- /.col-lg-4 -->
   </div>
</div>
<script>
$('.form_cancel').on('submit', e =>{
  e.preventDefault();
  let test = $(this).data('group')
  console.log(test)
})
</script>

Comments

[kyoya0819]

Djangoタグもつけましょう

[m.ts10806]

＞そしてidで取得しようとすると取得できるのですがクラスやタグで取得しようとすると
どこにもクラスやタグで取得しようとしているコードがないようですが・・・

もし現在のタグでいくのでしたらビューテンプレートファイルのコードを提示するのではなく、
ブラウザに表示されたHTMLを提示されたほうがJavaScriptに精通した回答者からのアドバイスを得られやすくなると思います。

Answer 1

$('form').on('submit', e=>{

e.preventDefault();
let test = $(this).data('group')
console.log(test)
})

アロー関数を使うとthisが掴んだDOMではなくwindowになってしまいますよ

アロー関数をやめて

$('form').on('submit', function(e){

とするか、アローを利用して

let test = $(e.target).data('group')

としてみてはどうですか？

Comments

[django]

windowについて知らなかったです。
無事にできました！ありがとうございます。