📜  如何检查 ul 是否有给定文本的 li ?(1)

📅  最后修改于: 2023-12-03 15:24:50.202000             🧑  作者: Mango

如何检查 ul 是否有给定文本的 li?

当我们需要检查一个无序列表 (ul) 是否包含某个指定文本的列表项 (li),我们可以使用 JavaScript 来实现这个功能。下面是这个问题的示例代码片段:

// 获取所有列表项 element 的集合
const listItems = document.querySelectorAll('ul li');

// 遍历所有列表项,查找目标文本
for (let i = 0; i < listItems.length; i++) {
  // 判断该列表项是否包含目标文本
  if (listItems[i].textContent.includes('目标文本')) {
    console.log('目标文本存在于该列表中!');
    break;
  }
}

首先我们要获取所有的列表项元素 (li) 集合,然后遍历这个集合,在每个列表项中查找目标文本。如果找到了目标文本,那么就可以使用 console.log() 打印一条指定的消息,也可以执行其他相关操作。

需要注意的是,在查找目标文本时,我们使用了 String.prototype.includes() 方法,该方法可以快速判断一个字符串是否包含指定的子字符串。如果该列表项包含了目标文本,就会返回 true,否则返回 false。

以上就是关于如何检查无序列表是否包含指定文本的介绍,希望对你有所帮助!