我使用下面的代码进行了基本的、区分大小写的、特定于术语的搜索。它现在可以工作,但我想要一些东西(按重要性排序):
1:忽略大小写(即“hi”和“Hi”都是相同的。toLowerCase
不是一个选项,也不是一回事)
2:例如,如果搜索查询是“搜索词”并且搜索的字符串是“搜索词”,则会产生命中。
3:即使在找到更多匹配项后也搜索整个字符串。
目的是搜索<p>
具有特定id
术语的标签。如果有,则显示它。最终,我将在一个循环中使用它,它将搜索许多<p>
标签并显示有命中的标签并隐藏没有命中的标签。
代码:
<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to locate where in the string a specifed value occurs.</p>
<p id="demo1" style="display:none;">Hello world, welcome to the universe.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
var x = document.getElementById("demo1")
var str = x.innerHTML.toString();
var n = str.indexOf("welcome");
if (n != -1) {
x.style.display = 'inline';
} else {
x.innerHTML = 'Negative';
x.style.display = 'inline';
}
}
</script>
</body>
</html>