程序开发 · 2024年5月19日

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

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

在给定的 html 结构中,

<li onclick="ss(this)"><div>信息楼</div><img  src="..." id="tree1" / alt="如何使用 JavaScript 或 jQuery 获取 DOM 节点中的特定文本内容?" ></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 节点中的特定文本内容?的详细内容,更多请关注GTHOST其它相关文章!