javascript - 用 forEach 函数替换 for 循环
问题描述
我想用forEach
函数替换 for 循环,因为循环在 Splunk JavaScript 中不起作用。
for 循环不起作用的原因是我的 JavaScript 代码嵌入在 XML 中,当我在我的 JavaScript 代码中使用<
or>
字符时,由于它们而出现错误。
function myFunction() {
// Declare variables
var input, filter, ul, li, a, i;
input = document.getElementById("mySearch");
filter = input.value.toUpperCase();
ul = document.getElementById("myMenu");
li = ul.getElementsByTagName("li");
// Loop through all list items, and hide those who don't match the search query
for (i = 0; i < li.length; i++) {
a = li[i].getElementsByTagName("a")[0];
if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
li[i].style.display = "";
} else {
li[i].style.display = "none";
}
}
}
<input type="text" id="mySearch" onkeyup="myFunction()" placeholder="Search.." title="Type in a category">
<ul id="myMenu">
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">JavaScript</a></li>
<li><a href="#">PHP</a></li>
<li><a href="#">Python</a></li>
<li><a href="#">jQuery</a></li>
<li><a href="#">SQL</a></li>
<li><a href="#">Bootstrap</a></li>
<li><a href="#">Node.js</a></li>
</ul>
解决方案
您似乎遇到了 XML 转义问题,因为您的 JavaScript 嵌入在 Splunk 设置中的 XML 文档中。与其重写您的 JavaScript 以不使用<
and>
字符,不如在 XML 中正确转义这些字符以便您可以正常使用它们会更有意义。
您可以使用一个CDATA
部分让 XML 解析器知道您正在编写纯文本而不是 XML,这样它就不会被<
and>
字符阻塞。要创建一个CDATA
部分,只需将您的代码像这样包装在 XML 文档中:
<![CDATA[
...your code here...
]]>
这告诉 XML 阅读器,这些标记之间的所有内容都应按字面意思理解,而不是尝试将其解析为 XML。它应该防止 XML 解析器抱怨您有错误<
和>
字符。
有关在 XML 中转义值的更多信息,请参阅此 Stack Overflow 答案:
推荐阅读
- c++ - 如何在vector :: clear()上保留向量元素的容量?
- apache - 如何创建代理服务器绕过IP白名单
- javascript - 使用 express 和 nodejs 为 Angular 应用程序提供服务时无法获取 /
- python-3.x - 下一个回文数
- python - 在避免内存错误的同时重塑数据帧
- scala - 为什么失败的迭代器过滤器会卡住?
- google-apps-script - Google Apps 脚本 UrlFetchApp 在 PDF 链接上返回 404
- ssh - 如何配置 Ansible 以跳过两个堡垒主机?
- python - selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element using Selenium and Python
- javascript - 使用 Ajax 进行乘法运算