jQuery从动态元素获取数据

Question

我有这个JavaScript代码，可显示名称列表。每个列表项都有一个“数据年龄”属性以及该人的年龄。当您单击一个名称时，应该在控制台中打印它们的年龄，但是，它始终显示 undefined 。

是否不可能从动态添加的元素中获取数据？

$this->repository->createQueryBuilder('offer')
            ->addSelect('COUNT(offer.files) as files')
            ->having('files > 1')
            ->getQuery()
            ->getResult();

$(() => {

  var data = [{
      name: "John",
      age: 23
    },
    {
      name: "Simon",
      age: 16
    },
    {
      name: "David",
      age: 43
    }
  ];

  for (var i = 0; i < data.length; i++) {
    $("ul").append("<li data-age=" + data[i].age + ">" + data[i].name + "</li>");
  }

  $("li").click(() => {
    console.log($(this).data("age"));
  });

});