使用 jquery 从 Dom 中提取数据答案

【问题标题】：Extract data from Dom using jquery使用 jquery 从 Dom 中提取数据
【发布时间】：2021-12-30 11:54:48
【问题描述】：

我有以下 Dom，我需要从中提取一些数据。更准确地说，我需要使用 jquery 提取时间（1:25 am 和 5.25 am）。这么复杂的 dom 上能做到吗？？

<div style="background-size: cover;"><div style="background-size: cover;"><div class="hc-inline-block hc-valign-middle hc-mr1" style="background-size: cover;">1:25am</div><div class="hc-inline-block hc-valign-middle hc-mr1" style="background-size: cover;">-</div><div class="hc-inline-block hc-valign-middle" style="background-size: cover;">4:00am</div></div></div>

【问题讨论】：

标签： html jquery dom

【解决方案1】：

console.log($(".hc-inline-block").first().text())
console.log($(".hc-inline-block").last().text())

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div style="background-size: cover;">
  <div style="background-size: cover;">
    <div class="hc-inline-block hc-valign-middle hc-mr1" style="background-size: cover;">1:25am</div>
    <div class="hc-inline-block hc-valign-middle hc-mr1" style="background-size: cover;">-</div>
    <div class="hc-inline-block hc-valign-middle" style="background-size: cover;">4:00am</div>
  </div>
</div>

【讨论】：

谢谢@Nikhil Parmal。非常感谢您的帮助。你介意告诉我除了 .first() 和 .last() 之外我还可以使用哪些其他参数？只需要在 dom 中捕获更多值。
您可以将 class 或 id 应用于包含时间的特定 div。并且通过那个id或者class你可以直接得到那个时间。
有没有办法获得 dom 的第三个元素（不是最后一个）？？
我正在尝试这样的事情，但不起作用...console.log($(".hc-inline-block")[2].text()); ...我做错了什么？
试试这个$(".hc-inline-block:nth-child(3)").text()

【解决方案2】：

问题中的 DOM 格式不正确。开始和结束标签不匹配。

尽管如此，如果你给你的 div 一个 ID，那么你可以使用：

HTML

<div id="timeDiv"> 
  1:25am
</div>

脚本

var content = $("#timeDiv").html();

这将从 div 中返回 html 值（例如“1:25am”）。

【讨论】：

您好，感谢您的评论。那是一个 word press dom，我无法更改它...（dom 格式正确，但我没有复制/粘贴所有标签）