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

首先，我们要明确一下问题的意思，即如何通过JavaScript代码检查一个无序列表（ul）内是否包含某些文本（li）。

1. 选择ul元素

首先，我们需要使用JavaScript选择ul元素。我们可以使用querySelector()方法来实现此目的，如下所示：

const ulElement = document.querySelector('ul');

通过上述代码，我们可以获取网页中的第一个ul元素。如果需要获取具有特定类名或ID的元素，则可以在选择器中增加相应的类名或ID。

2. 查找li元素

接下来，我们需要在ul元素中查找包含指定文本的li元素。我们可以使用querySelectorAll()方法和includes()方法来完成此操作，如下所示：

const liElements = ulElement.querySelectorAll('li');
liElements.forEach(li => {
  if(li.textContent.includes('指定文本')){
     // do something...
  }
});

通过上述代码，我们可以获取所有的li元素，并在每个li元素中查找是否包含指定文本。如果包含，我们可以在if语句块中进行相应的操作。

示例1

假设我们要检查一个网页中的ul元素是否包含“苹果”这个文本，代码如下：

const ulElement = document.querySelector('ul');
const liElements = ulElement.querySelectorAll('li');
liElements.forEach(li => {
  if(li.textContent.includes('苹果')){
     console.log('该无序列表包含苹果');
  }
});

在上述代码中，我们使用console.log()方法打印了包含“苹果”文本的li元素才输出了“该无序列表包含苹果”的字符串。

示例2

假设我们要检查一个网页中所有的ul元素是否包含“香蕉”文本，代码如下：

const ulElements = document.querySelectorAll('ul');
ulElements.forEach(ul => {
  const liElements = ul.querySelectorAll('li');
  liElements.forEach(li => {
    if(li.textContent.includes('香蕉')){
       console.log('该无序列表包含香蕉');
    }
  });
});

在上述代码中，我们先获取了所有的ul元素，然后在每个ul元素中查找是否包含“香蕉”文本。如果包含，我们打印出“该无序列表包含香蕉”的字符串。

通过以上两个示例，相信您已经掌握了如何检查ul是否有给定文本的li。