JavaScript 中的文本搜索?

2024-04-07

我有一个页面,其中包含 200 多个采用这种格式的链接。

<h1>
  <a href="somelink">Somelink</a>
  some text that explain the meaning of the link. 
</h1>

现在,为了更容易通过此链接进行搜索,我放置了一个搜索框。

我的要求是搜索所有这些标签并找到相关的链接 搜索框并隐藏链接的其余部分。

如何在 JavaScript 中做到这一点? (我知道基本的 javascript/jquery 东西,但如何进行全文搜索?)我不需要根据相关进行排序,只需过滤和显示隐藏就足够了。


你可以一一列举h1标签获取内部 html 并执行indexOf,或者你可以使用jQuery http://jquery.com/它有一个定制的contains http://api.jquery.com/contains-selector/功能,返回具有给定文本的元素。

这是从 jQuery 文档复制的示例

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>

<div>John Resig</div>

<div>George Martin</div>
<div>Malcom John Sinclair</div>
<div>J. Ohn</div>


<script>
$("div:contains('John')").css("text-decoration", "underline");
    </script>
</body>
</html>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JavaScript 中的文本搜索? 的相关文章

随机推荐