查找包含与正则表达式匹配的字符串的 DOM 元素

发布于 2024-12-09 16:32:30 字数 1435 浏览 0 评论 0原文

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

数理化全能战士 2024-12-16 16:32:30

您可以递归地遍历 DOM,查看元素的 textContentinnerText 属性(视情况而定),也可以对 getElementsByTagName 返回的集合使用循环。无论哪种方式,一旦确定了文本和父元素,您就需要弄清楚如何替换它。

如果字符串拆分为一个或多个其他元素,您对替换中的文档结构有何要求?

You can either recursively walk down the DOM looking at the textContent or innerText property (as appropriate) of elements, or you can use loop over the collection returned by getElementsByTagName. Either way, once you have identified the text and the parent element, you need to work out how to replace it.

What are your requirements for document structure in the replacement if the string is split over one or more othere elements?

独闯女儿国 2024-12-16 16:32:30

您可以使用 jQuery 选择器 来获取 标签包含 John ,位于包含 First name: 标记之后,然后例如应用样式:

$("span:contains('First name:') ~ b:contains('John')").css('color','red');

这是一个正在运行的示例:http://jsfiddle.net/XzwNj/

You could use jQuery selectors to get the <b> tags containing John that come after a <span> tag that contains First name:, and then for instance apply a style:

$("span:contains('First name:') ~ b:contains('John')").css('color','red');

Here is a running example: http://jsfiddle.net/XzwNj/

流殇 2024-12-16 16:32:30

你尝试过这样的事情吗?

document.body.innerHTML.replace(/<\/?[^>]+>/g, '')

Did you try something like this?

document.body.innerHTML.replace(/<\/?[^>]+>/g, '')

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文