如何使用 jQuery 从 HTML 代码中获取“信息楼”文本?
获取节点
本文将探讨如何在提供的 html 代码中使用 jquery 获取特定节点。
问题:
如何使用 jquery 从 html 中获取“信息楼”文本?
给定 html:
立即学习“前端免费学习笔记(深入)”;
<ul> <li> <div> <div>信息楼</div> <img id="tree1" / alt="如何使用 jQuery 从 HTML 代码中获取“信息楼”文本?" > </div> <ul id="0"> <li>1000</li> <li>2</li> <li>3</li> </ul> </li> </ul>
回答:
要获取“信息楼”文本,可以使用以下 jquery 代码:
const text = $('#tree1').siblings('div').first().text(); console.log(text);
这个代码执行以下操作:
- 选择 #tree1 元素:这是我们感兴趣的 이미지元素。
- 查找相邻的 div 元素:这个 div 元素包含“信息楼”文本。
- 选择第一个 div 元素:有可能会存在多个 div 元素,但我们只对第一个感兴趣。
- 获取文本:使用 .text() 方法获取 div 元素的文本内容。
上述代码将输出“信息楼”文本到控制台。