Javascript 无法使用jQuery访问元素

我有一个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"]

---

在这种情况下，为了计算所有行，我应该做什么？谢谢。

将您的查询放入document.ready

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

---

另外，确保类名在TR元素上，而不是TABLE元素上。

您列出的代码和打印输出根本不清楚，您能编辑您的问题以便我们能够真正理解吗？执行事件时，表在DOM上？请给我们提供更多信息$（document.ready（function（）{console.log（$（“.grid row”）.length）；}）如果它在DOM中，表必须工作，您可以为此提供html代码吗。我认为DOM元素没有加载：让tr=document.getElementsByTagName（'tr'）；未定义tr HTMLCollection[]，如何在计算行数之前加载？我已经尝试过了，DOM上只有5行中的1行，如何加载其他行？请发布生成的HTML表。您确定所有行都分配了该类名吗？您还可以使用setTimout（（）=>{var count=$（“.grid row”）.length}，2000）来确定这是否是一个加载顺序问题。我尝试了超时，但无效，行有这样的类：“grid row偶数”或“grid row奇数”，所以我只使用“grid row”，当您使用$（“tr”）.length时会发生什么？