jQuery分配數據ID，第一個值未定義

Question

當前，我有代碼，當我單擊按鈕時，它將按鈕的值附加到新的段落標簽中，同時使用計數將數據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);   

但是，當我查看控制台時，第一項顯示為未定義，然后第二項顯示為1，然后顯示為下2等...

但是為p標簽本身分配了正確的數據ID號，不知道為什么會這樣？

任何幫助，將不勝感激。

Answer 1

首先，您得到p的集合：

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

然后添加新的p ：

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

然后從添加最新p之前生成的集合中獲取最后p ：

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

當您向頁面添加元素時， buttonPara變量不會自動更新。 嘗試更換

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

同

var dataCount = $(".button-values p").last().attr('data-id');