<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p class="main>
<p class="item" id="14">24</p>
<p class="item" id="12">22</p>
<p class="item" id="13">2</p>
<p class="item" id="14">2</p>
</p>
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
var arr = document.getElementsByClassName('item')
console.log(arr.length )
$('.item').each(function(index) {
alert(index + ': ' + $(this).text());
});
</script>
</html>列印結果為啥是3，第一個為22，去掉main標籤後就正確了，求原因
有2個問題：
1.main 少了個雙引號
2.有重複id
因為你的
class="main"少了最後的雙引號，瀏覽器渲染的出問題了。 。 。你的雙引號，把你的第一個p標籤加進去了。所以才出現的陣列長度是3.
你沒發覺第一個P標籤有異常麼。 。 。 ，淡淡的粉紅色散發出獨特的氣息~，main少了閉合的引號
main 少了個雙引號。 。 。