我会以我对 HTML 和 CSS 非常陌生这一事实作为这个问题的开头。
我目前在我继承的公司中有一个工程页面，其中包含大量链接。我已经组织了一些一般的类别。但是，有人表示他们希望使用搜索框来搜索链接。
由于我无法控制的情况，我没有可用的 PHP。我所拥有的是我的 index.html 文件中的所有链接以及它们显示的文本。
我认为我可以创建引擎以使其识别标签，然后搜索与标签中的链接关联的“名称”。但是，我真的不知道从哪里开始实施这样的脚本。
当然，可能有更简单的方法。我对任何新方法持开放态度。我不偏向任何编程方法或语言。非常感谢大家的帮助，我可以提供任何其他非 NDA 信息。
【问题讨论】：
标签： html css web search-engine
您需要在 index.html 中包含 jQuery。
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' />
给每个链接一个公共类。然后，您可以使用 jQuery 查找用户正在搜索的链接：
var search = $("#searchBox").val();
$("a.myLinks[href*="+search+"]"); // uses jQuery to select the link, see jQuery selectors
现在您可以使用该链接执行操作，例如显示或导航到该链接。
【讨论】：
我会查看 jQuery UI Automcomplete 库 http://jqueryui.com/demos/autocomplete/，特别是自定义数据演示。
我想象代码是这样的（注意这是未经测试的，绝对不完整）：
变种网址 = [ { 值：“网址文本”， 标签：“网址文本”， 描述：“网址” }, { 值：“url2-文本”， 标签：“URL2 文本”， 描述：“URL2” } ]; $('#search').autocomplete({ 最小长度：0， 来源：网址， 焦点：函数（事件，用户界面）{ $('#search').val(ui.item.label); 返回假； }, 选择：函数（事件，用户界面）{ $('#search').val(ui.item.label); $('#url').val(ui.item.desc); 返回假； } }) .data ("自动完成")._renderItem= function(ul,item) { 返回 $('这样做确实意味着您必须在 javascript 变量中保留单独的 URL 和文本列表。
【讨论】：