jquery - 如何拥有一个 JQuery 元素的 html 内容数组？

Question

我想拥有一系列元素的内部 html。这是我尝试过的：

slides = $("#slides p");

它给了我一系列对象，但我想要每个对象的原始 html！我试过$("#slides p").html()了，但它给出了第一段。

标签： jqueryarraysinnerhtml

Answer 1

您可以获取集合，将其转换为数组，.toArray然后使用.map它对其进行迭代并获取每个项目的内部 HTML。

const ptext = $('#slides p').toArray().map(p => p.innerHTML);
console.log(ptext);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="slides">
  <p>Peter</p>
  <p>Ray</p>
  <p>Egon</p>
  <p>Winston</p>
</div>