javascript - 将 div 的子级插入 javascript 数组

Question

我有一个 div ，里面有一些子元素。我试图循环遍历 div 并将每个子元素推送到一个对象数组，但我不知道如何循环遍历 div。

我已经尝试过

$("#id").children('div').each(function(){arrayName.push(this.html)}

没有运气。这是我到目前为止所拥有的。

$("#todocontentInner").children('div').each(function() { 
   oldContent.push(this.html());
            });

我希望 oldcontent 等于这样的东西

["<div class="contentitem">Bob</div>", "<div class="contentitem">Joe</div"]

Answer 1

您所做的事情是正确的，除了 this 是一个元素实例。因此，为了调用 html()，您需要通过 $(this) 将其设为 jQuery 实例。尝试下面的代码。

let arr = [];

$("#parent div").each(function() {
  arr.push($(this).html());
});

console.log(arr);

<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<div id="parent">
  <div>child 1</div>
  <div>child 2</div>
</div>