登录
首页 >  文章 >  前端

如何使用 JavaScript 或 jQuery 获取 DOM 节点中的特定文本内容?

时间:2024-11-07 10:48:51 397浏览 收藏

编程并不是一个机械性的工作,而是需要有思考,有创新的工作,语法是固定的,但解决问题的思路则是依靠人的思维,这就需要我们坚持学习和更新自己的知识。今天golang学习网就整理分享《如何使用 JavaScript 或 jQuery 获取 DOM 节点中的特定文本内容?》,文章讲解的知识点主要包括,如果你对文章方面的知识点感兴趣,就不要错过golang学习网,在这可以对大家的知识积累有所帮助,助力开发能力的提升。

如何使用 JavaScript 或 jQuery 获取 DOM 节点中的特定文本内容?

利用 javascript / jquery 获取 dom 节点中的特定文本内容

在给定的 html 结构中,

<li onclick="ss(this)"><div>信息楼</div><img src="..." id="tree1" /></li>

目标:获取 信息楼 这几个字。

javascript:

function ss(el) {
  console.log(el.parentnode.parentnode.textcontent);
}

jquery:

$("li[onclick]").click(function() {
  console.log($(this).parent().parent().text());
});

解释:

  • el.parentnode.parentnode.textcontent 或者 $(this).parent().parent().text() 可以遍历到 li 元素的父元素 (div),再遍历到其父元素 (ul),并获取它的文本内容。这个文本内容就是 信息楼。

终于介绍完啦!小伙伴们,这篇关于《如何使用 JavaScript 或 jQuery 获取 DOM 节点中的特定文本内容?》的介绍应该让你收获多多了吧!欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识,快来关注吧!

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>