Javascript Jquery分配数据id，第一个值未定义

目前，我有一个代码，当我点击一个按钮时，它会将按钮的值附加到一个新的段落标记中，同时使用计数为每个标记分配一个数据id

   var count = 1;
   buttonValue = ($(this).val());
   var buttons = $( ".button-values" );
   buttonPara = $(".button-values p");
   var addData = $('<p>'+buttonValue+'</p>').attr('data-id', count++);
   addData.appendTo(buttons);
   var dataCount = buttonPara.last().attr('data-id');
   console.log(dataCount);   

var计数=1；
按钮值=（$（this.val（））；
变量按钮=$（“.button值”）；
buttonPara=$（“.button值p”）；
var addData=$（“”+按钮值+”
）.attr（'data-id'，count++）；
addData.appendTo（按钮）；
var dataCount=buttonPara.last（）.attr（'data-id'）；
console.log（数据计数）；

但是，当我查看控制台时，第一个项目显示为未定义，然后第二个项目显示为1，然后是下一个2，以此类推

然而，p标签本身被分配了正确的数据id号，我不知道为什么会发生这种情况

---

任何帮助都将不胜感激。

首先，您将获得

p

的收藏：

buttonPara = $(".button-values p");

var addData = $('<p>'+buttonValue+'</p>').attr('data-id', count++);
addData.appendTo(buttons);

然后添加新的

p

：

buttonPara = $(".button-values p");

var addData = $('<p>'+buttonValue+'</p>').attr('data-id', count++);
addData.appendTo(buttons);

向页面添加元素时，

buttonPara

变量不会自动更新。试着替换

var dataCount = buttonPara.last().attr('data-id');

与

---

太好了，这正是我需要的。非常感谢你的帮助。