jQuery: 查找包含数组中存在的文本的所有元素 - Javascript

在前端开发过程中，经常需要通过字符串匹配来寻找特定的元素。如果我们有一个文本字符串数组，我们该如何用jQuery查找所有包含这些文本的元素呢？

下面是一个示例代码片段，演示如何使用jQuery来查找并高亮所有包含指定文本的元素。

// 要查找的文本数组
const searchTerms = ['Lorem', 'ipsum', 'dolor', 'sit', 'amet'];

// 循环遍历所有文本，使用jQuery查找含有文本的元素，并添加自定义CSS类
$.each(searchTerms, function(index, term) {
    $('body :contains(' + term + ')').addClass('highlight');
});

这段代码首先定义了一个包含匹配文本的数组，然后使用jQuery的each函数遍历每个文本元素，并使用contains选择器来查找所有包含该文本的元素。在找到元素后，使用addClass方法添加自定义CSS类“highlight”来高亮元素。

返回的markdown格式代码片段如下所示：

## jQuery: 查找包含数组中存在的文本的所有元素 - Javascript

在前端开发过程中，经常需要通过字符串匹配来寻找特定的元素。如果我们有一个文本字符串数组，我们该如何用jQuery查找所有包含这些文本的元素呢？

下面是一个示例代码片段，演示如何使用jQuery来查找并高亮所有包含指定文本的元素。

```js
// 要查找的文本数组
const searchTerms = ['Lorem', 'ipsum', 'dolor', 'sit', 'amet'];

// 循环遍历所有文本，使用jQuery查找含有文本的元素，并添加自定义CSS类
$.each(searchTerms, function(index, term) {
    $('body :contains(' + term + ')').addClass('highlight');
});

这段代码首先定义了一个包含匹配文本的数组，然后使用jQuery的each函数遍历每个文本元素，并使用contains选择器来查找所有包含该文本的元素。在找到元素后，使用addClass方法添加自定义CSS类“highlight”来高亮元素。