javascript - jquery加载div属性返回未定义

Question

当我尝试从ajax加载的div获取此属性时，它返回未定义

$(document).on('click', '.next', function(e) {
    var vid = $(this).attr('data-id');
    console.log("data-id is " + vid);
  });

控制台返回数据ID未定义

ajax加载内容

<div class = 'next' date-id ="21" ><svg></svg> </div>

Answer 1

有一个拼写错误:

$(this).attr('data-id'); 到 $(this).attr('date-id');

$(document).on('click', '.next', function(e) {
    var vid = $(this).attr('date-id');
    console.log("data-id is " + vid);
  });