jQuery data()が取得できない

thisSrcがundefinedになります。
どこが悪いのかお教えいただけますでしょうか。

javascript
1$("#aaa a").click(function() {
2    if ($(this).hasClass('current')) {
3        $(this).removeClass('current');
4        }
5     else{
6            $("a.current").each(function() {
7                $(this).removeClass('current');
8            });
9        }
10    $(this).addClass('current');
11
12    var thisSrc = $(this).data('partsId');
13    console.log(thisSrc);
14});

HTML
1<!DOCTYPE html>
2<html>
3<head>
4	<meta charset="utf-8">
5	<meta http-equiv="X-UA-Compatible" content="IE=edge">
6	<title>test</title>
7	<link rel="stylesheet" href="">
8	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
9</head>
10<body>
11	<canvas id="canvas" width="500" height="500"></canvas>
12	<ul id="aaa">
13		<li><a href="#" data-parts-id="hairB01" class="">hair01</a></li>
14		<li><a href="#" data-parts-id="hairB02" class="current">hair02</a></li>
15	</ul>
16</body>
17<script type="text/javascript" src="js.js"></script>
18</html>

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

回答3件

data属性は1.4.3から、キャメルケースアクセスは1.6からのようです。
まずはご確認を。

投稿2016/12/26 04:36

kensii

総合スコア191

ベストアンサー

jQueryのバージョンが1.3.0なので低すぎるのが問題のようです。最低でも1.9.0辺りを指定したい所です。
1系も現在は1.12まで出ていますし、3系もリリース済みです。

投稿2016/12/26 04:26

編集2016/12/26 04:30

yamato_hikawa

総合スコア2092

xxx_XXX_xxx

2016/12/26 04:42

ありがとうございます。初歩的な問題でした・・・バージョンを上げたら解決しました。お手数をおかけしました。

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

いまいち何をしたいのかわかりませんが
liで並列のaについたcurrentクラスをを外して、自分につけ直すだけなら
これだけでよいかもしれません

$(function(){
  $("#aaa a").on('click',function() {
    $('#aaa a').removeClass('current');
    $(this).addClass('current');
    var thisSrc = $(this).data('partsId');
    console.log(thisSrc);
  });
});

並列のデータについてはparentで遡ってaにもどっても良いかも
$(this).parents('ul').find('a').removeClass('current');

投稿2016/12/26 04:36