javascript - 在 Javascript 中将多个值插入数组不起作用

Question

我正在尝试根据元素 ID 将多个值推送到数组中。

我预计结果是 3 和 4，但我得到的是 1 2 3 4。为什么会出现以下示例中的情况？

var myArray = [];
$( '#bla' ).each( function() {
   myArray.push( {
     test: $( this ).text(),
   });
});
console.log( myArray );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
    <div>1</div>
    <div>2</div>
    <div id="bla">3</div>
    <div id="bla">4</div>
</div>

Answer 1

您看到的是 HTML 的内容，而不是 console.log。

这是您需要解决的问题:

1. 包含 jQuery
2. 使用 class 而不是 id - 文档中只能有一个 id，因此您只能得到一个结果
3. 查看控制台

var myArray = [];
$( '.bla' ).each( function() {
   myArray.push( {
     test: $( this ).text(),
   });
});
console.log( myArray );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
    <div>1</div>
    <div>2</div>
    <div class="bla">3</div>
    <div class="bla">4</div>
</div>