无法使用jQuery访问元素

Question

我有一个tbody，其中包括5行（例如），当我尝试使用以下代码计数行数时，收到错误消息：

var count = $(".grid-row").length
undefined
count
0

然后，我尝试ready()并收到以下消息：

$(".grid-row").ready(function() {    console.log( "ready!" );}); 
// ready!

init [prevObject: init(1), context: document, selector: ".grid-row"]

仅当我在Chrome浏览器的元素标签中点击2-5行时，我才能访问所有5行：

$(".grid-row").ready(function() {    console.log( "ready!" );});
// VM1565:1 ready!
// init(5) [tr.grid-row.even, tr.grid-row.odd, tr.grid-row.even, tr.grid-row.odd, tr.grid-row.even, prevObject: init(1), context: document, selector: ".grid-row"]

在这种情况下，我应该怎么做才能计算所有行？谢谢。

Answer 1

将查询放入document.ready

$( document ).ready(function() {
    var count = $(".grid-row").length
});

还要确保类名在TR元素上，而不在TABLE元素上。