javascript - 用 jquery 插入的 html 返回未定义

Question

我在加载页面后使用 jquery 在 div 中添加 html 代码以获得良好的最终结果

例如，在使用 jquery 加载页面后将此 html 添加到名为“rows”的 div 中

<div class="rows"></div> 

加载后

<div class="rows">
   <div class="comment1"></div>
   <div class="comment2"></div>
   <div class="comment3"></div>
</div>

我还使用此代码来计算 div“行”内的 div 数量

    var cont = $('div.rows  div').length();

但是它返回0，但是如果在它通常计算的页面自己的代码中添加div，可以是什么？

Answer 1

1. > .length是一个属性，不是一个 jQuery 方法。因此，您不要将 () 与它一起使用。
2. 您必须在添加内容之后重置变量。

例如:

var cont = $('div.rows  div').length;
function addRows(){
    // Code to add rows, followed by a callback to set the value of the variable cont
    cont = $('div.rows  div').length;
}

注意:因为我们在函数外有var cont，所以更新的值是全局的。