jquery - 为什么 ".id"方法在此 jQuery 代码中不起作用？

Question

我有以下内容:

var thisTable = $(this).closest('table').id;

Firebug 显示:

$(this).closest('table').id -> Undefined

但是，以下方法确实有效:

$(this).closest('table').attr('id')  -> "myTable"
$(this).closest('table').prop('id')  -> "myTable"

jQuery的选择器如.closest之后不支持.id方法吗？

Answer 1

.id 不是方法，而是属性。 jQuery没有，js有。因此，您需要执行 $(this).closest('table')[0] 来获取 js 对象，而不是 $(this).closest('table')[0]。 id

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="id-of-tbl">
  <tr>
    <td><button onClick="console.log($(this).closest('table')[0].id)">Get ID</button></td>
  </tr>
</table>