data属性の値が取得できない

Question

入力フォームを作成しております。
編集ボタンを押下した際にconsoleにはundefinedとだけ表示され、値が取得できません。
js自体は動いてはいるのですが、なぜ取得できないのか検討が全くつきません。。。
ご教授お願いいたします。

HTMLのソースを修正しました。
Jqueryのverは、1.4.2です。

HTML

      <table class="list" >
        <tr>
          <th width="10" >ID.</th>
          <th width="60">名前</th>
          <th width="30">性別</th>
          <th width="80">同居人</th>
          <th width="70">都道府県</th>
          <th width="250">備考</th>
          <th width="50">操作</th>
        </tr>
        <tr>
          <td>1</td>
          <td>鈴木花子</td>
          <td>男性</td>
          <td>1</td>
          <td>北海道</td>
          <td>テスト</td>
          <td><button  class="btn_edit btn_modal"  data-seq ="1" type="button" title="編集">編集</button></td>
        </tr>
      </table>

JS　

$(".btn_modal").click(function(){
  　　var b        = $(this).data('seq');
　　　console.log(b);
});

Comments

[maisumakun]

PHPから出力されたHTMLではdata-seq属性は入っていますか？

[x_x]

jQueryのバージョンはいくつですか？

Answer 1

.data(obj) ができたのは1.4.3からなので、バージョンを上げてください

https://api.jquery.com/data/#data-obj

Comments

[maisumakun]

それか、.attr('data-seq')と直接Attributeを読むか、ですね。

[waachan15]

バージョンをあげたら無事、コンソールに出力されました！
お早い対応ありがとうございます！