如何在元素中查找数组值并向其添加jquery类

在元素中查找数组值并向其添加 jQuery 类的方法是使用 jQuery 的 each() 方法结合条件判断来实现。

首先，你需要获取到包含数组值的元素。可以使用 jQuery 的选择器来选择这些元素，例如通过类名选择器、ID 选择器等。

然后，你可以使用 each() 方法遍历这些元素，并在遍历过程中判断数组值是否存在于元素中。如果存在，则使用 addClass() 方法向元素添加指定的类。

下面是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <style>
    .highlight {
      background-color: yellow;
    }
  </style>
</head>
<body>
  <div class="container">
    <p>Apple</p>
    <p>Banana</p>
    <p>Orange</p>
  </div>

  <script>
    $(document).ready(function() {
      var fruits = ["Apple", "Orange"];

      $(".container p").each(function() {
        var fruit = $(this).text();

        if ($.inArray(fruit, fruits) !== -1) {
          $(this).addClass("highlight");
        }
      });
    });
  </script>
</body>
</html>

在上面的示例中，我们首先引入了 jQuery 库，并定义了一个名为 highlight 的 CSS 类，用于标记匹配的元素。

然后，在 JavaScript 代码中，我们定义了一个 fruits 数组，其中包含了要查找的数组值。

接着，使用 each() 方法遍历了包含数组值的元素（这里是 <div class="container"> 下的 <p> 元素），并通过 text() 方法获取元素的文本内容。

在遍历过程中，使用 $.inArray() 方法判断当前元素的文本内容是否存在于 fruits 数组中。如果存在，则使用 addClass() 方法向元素添加 highlight 类。

最后，当页面加载完成时，执行这段代码，即可在匹配的元素上添加 highlight 类，实现了在元素中查找数组值并向其添加 jQuery 类的功能。

请注意，这只是一个示例代码，具体的实现方式可能因具体的需求和场景而有所不同。