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

如何使用 javascript 或 jquery 获取 dom 节点中的特定文本内容?

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

在给定的 html 结构中,

<li onclick="ss(this)"><div>信息楼</div><img  src="/Uploads/..." id="tree1" / alt="如何使用 JavaScript jQuery 获取 DOM 节点中的特定文本内容?" ></li>

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

javascript

立即学习“Java免费学习笔记(深入)”;

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 节点中的特定文本内容?的详细内容,更多请关注www.sxiaw.com其它相关文章!