jQueryでボタンクリック時にclass名を取得したい

jquery
1コード
2<!DOCTYPE html>
3<html lang="en" dir="ltr">
4  <head>
5    <meta charset="utf-8">
6    <title></title>
7    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
8  </head>
9  <body>
10
11    <input type="button" id="abc" class="class" onclick="func(this)" value="ボタン">
12
13    <script type="text/javascript">
14        function func(value){
15          alert(value.id);
16          alert(value.class);
17        }
18    </script>
19
20
21  </body>
22</html>

buttonのonclickでクラス名を取得したいのですが、undefinedになってしまいます。
idは問題なく取得できるのですが、class名だけが取得できません。
class名を取得するにはどうすればいいですか？

行動規範の内容に同意します

回答3件

ベストアンサー

id は .id でいいのですが、 class は .className です。

投稿2020/05/08 07:12

htsign

総合スコア870

classは空白文字区切りで複数指定ができるので文字列として受け取るのは微妙

投稿2020/05/08 10:35

yambejp

総合スコア116724

yambejp

2020/05/08 10:36

<input type="button" id="abc" class="def ghi" onclick="func(this)" value="ボタン"> <script> function func(obj){ console.log(obj.getAttribute("id")); console.log(Array.from(obj.classList).join(",")); } </script>

行動規範の内容に同意します

html
1<!DOCTYPE html>
2<html lang="en" dir="ltr">
3  <head>
4    <meta charset="utf-8">
5    <title></title>
6    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
7  </head>
8  <body>
9
10    <input type="button" id="abc" class="class" value="ボタン">
11    <input type="button" id="abcd" class="class" value="ボタン">
12    <input type="button" id="abcf" class="class" value="ボタン">
13    <input type="button" id="abcg" class="class" value="ボタン">
14
15    <script type="text/javascript">
16        $(function(){
17            $(':button').on('click', function(){
18                 console.log($(this).prop('id'));
19                 console.log($(this).attr('class'));
20            });
21        })
22    </script>
23
24
25  </body>
26</html>