javascript - jQuery数据属性未获取值

jQuery数据属性无法在最简单的演示中运行...

$( document ).ready(function() {

  $("#font_selection").change(function(){
    var fontImgName = $(this).data('font-img');
    //var fontImgName = $("#font_selection").data('font-img');

    //var fontImgName = $(this).attr('data-font-img')
    //var fontImgName = $("#font_selection").attr('data-font-img')

    alert(fontImgName);

  });

});

我一定想念一些东西，我尝试了我能想到的每一种组合都没有成功，请帮助！

JSFiddle演示在这里http://jsfiddle.net/8fvo3kw0/1/

最佳答案

http://jsfiddle.net/8fvo3kw0/3/

$( document ).ready(function() {

  $("#font_selection").change(function(){
    var fontImgName = $(this).find('option:selected').data('font-img');
    alert(fontImgName);
  });

});