如何使用 jQuery 从 HTML 代码中获取“信息楼”文本？

获取节点

本文将探讨如何在提供的 html 代码中使用 jquery 获取特定节点。

问题：

如何使用 jquery 从 html 中获取“信息楼”文本？

给定 html：

立即学习“前端免费学习笔记（深入）”；

<ul>
  <li>
    <p>
      <p>信息楼</p>
      <img  id="tree1" / alt="如何使用 jQuery 从 HTML 代码中获取“信息楼”文本？" >
      </p>
    <ul id="0">
      <li>1000</li>
      <li>2</li>
      <li>3</li>
    </ul>
  </li>
</ul>

登录后复制

回答：

要获取“信息楼”文本，可以使用以下 jquery 代码：

const text = $('#tree1').siblings('p').first().text();
console.log(text);

登录后复制

这个代码执行以下操作：

1. 选择 #tree1 元素：这是我们感兴趣的 이미지元素。
2. 查找相邻的 p 元素：这个 p 元素包含“信息楼”文本。
3. 选择第一个 p 元素：有可能会存在多个 p 元素，但我们只对第一个感兴趣。
4. 获取文本：使用 .text() 方法获取 p 元素的文本内容。

上述代码将输出“信息楼”文本到控制台。

以上就是如何使用 jQuery 从 HTML 代码中获取“信息楼”文本？的详细内容，更多请关注抖狐科技其它相关文章！