javascript - <td>点击未触发

我已经尝试过以下代码行

                  $(".datepicker .day").click(function(){
                     var dob = $("#dobfield").val().trim();
                     var calculatedAge = GetAge(dob);

                    if(calculatedAge < 0)
                        $("#age").val("");

                    else if(!isNaN(calculatedAge))
                        $("#age").val(calculatedAge);
                 });

在html中

          <div class="datepicker">
           ...
             <table>
              ...
               <tr>
                 ...
                   <td class="day"> 12</td>

我正在尝试将年龄动态添加到文本框年龄。 .datepicker .day click事件未触发。
请帮我 ！！！

最佳答案

尝试这个。看来可以很好地将您的代码包装在$(document).ready函数中。以下是工作代码的演示。

$(document).ready(function() {
  $(".datepicker .day").click(function() {
    var dob = $("#dobfield").val().trim();
    console.log(dob)
  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="datepicker">

  <table>
    <tr>
      <td class="day"> 12 </td>
      <td><input id="dobfield" value="56" /></td>
    </tr>
  </table>
</div>

希望能帮助到你 ：）