javascript - 如何在悬停时获取 td 属性的第一个子项

Question

如何在以下悬停时获取 td 的第一个子项，并根据悬停显示等于 1 或 2 的属性“templateid”的值。例如，如果我将鼠标悬停在 templateid = 2 输入上。我会得到下面的值2

<tbody>
  <tr>
     <td><input class="form-group form-control" type="checkbox" templateid="1"> </td>
     <td></td>
     <td></td>
     <td></td>
     <td></td>
     <td></td>
     <td></td>
  </tr>
  <tr>
     <td input class="form-group form-control" type="checkbox" templateid="2"></td>
     <td></td>
     <td></td>
     <td></td>
     <td></td>
  </tr> 
</tbody>

Answer 1

用这个

$("#tableid").hover(function(){
    var getfirstchildTD = $(this).find("td :checkbox:nth-child(1)").attr("templateid");
    alert(getfirstchildTD);
})