jQueryでvalueが取れない?

DBから都道府県を取得し、foreachでリストに並べました。

[code lang =”html”]
<ul>

<li class=”prefecture” value=”hokkaido”>北海道</li>

<li class=”prefecture” value=”akita”>秋田</li>

<li class=”prefecture” value=”yamagata”>山形</li>

</ul>
[/code]

みたいな感じですね。

そしてjQueryで

 

$(document).on(‘.prefecture’, ‘click’, function(){

alert($(this).val());

});

 

をすると、、、、

 

なんと

「0」と出力されます・・・・

 

あれっ、と思い、Chromeの開発者ツールでデバッグしても値は「0」のまま。。。

 

なんでだろ、

んー。jQuery謎。

 

なのでdata属性を設定することに。

 

<li class=”prefecture” data-val=”hokkaido”>北海道</li>

として、

$(this).data(‘val’)で取得。

 

うん、とりあえずこれでいいか。

コメント