jQuery- attr / value不会将值检索为数字，而是NaN

Question

我正在尝试创建一个按钮，当单击该按钮时将返回一个数字值。但是，它返回NaN。谁能告诉我出了什么问题？

         <div class="card-body">
            <button id="button-1" class="btn btn-primary number" value="1">
              <h1>1</h1>
            </button>

         </div>
--------------------------------------------------------------------------------------------------

        $(document).ready(function () {

           var userBtnValue = ($(this).attr("value"));
           userBtnValue = parseInt(userBtnValue);
           console.log(userBtnValue);


    });

Answer 1

似乎您忘记了为按钮编写onclick函数

Answer 2

$( document ).ready()