点击按钮仍弹出0，如何用JavaScript按ID统计div长度？

先直接说你代码里的核心问题：

• 你写的$("div.content")是在找class属性为content的div，但你的HTML里这个容器的属性是id="content"，选择器搞混了！ID选择器要用#开头，class才用.开头，所以这里应该改成$("#content")。
• 额外提个小细节：因为id是页面唯一的，其实你直接用$("#photo").length就能拿到这个div的长度，不用先找父容器再find，不过如果是特定场景下要限定在某个父容器里查找，修正父容器的选择器就够了。

修正后的完整代码 #

JavaScript 部分 #

function swipeDislike() { 
  // 修正父容器选择器，从div.content改为#content
  var $photo = $("#content").find('#photo'); 
  alert($photo.length); 
  // 或者更简洁的写法：alert($("#photo").length);
}

完整 HTML 代码 #

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div onclick="swipeDislike()"> click here </div>
<div id="content"> 
  <div id="photo"> DIV content photo </div> 
</div>

这样点击按钮后，弹窗就会显示1，成功统计到目标div的数量啦。

内容的提问来源于stack exchange，提问作者tempori