jQuery 实现从 .hljs 元素向上查找 pre 标签并设置背景色

以下是使用 jQuery 实现从具有 `className=hljs` 的对象往父级找 `pre` 标签，若父级找不到则继续向父级的父级查找，直到找到 `pre` 标签后设置其色为 `#333333` 的代码： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Find Pre and Set Background</title>  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <div> <pre> <div class="hljs">Some code here</div> </pre> </div> <script> // 使用 jQuery 选择所有具有 className=hljs 的元素 $(".hljs").each(function () { // 从当前元素开始向上查找最近的 pre 标签 var preElement = $(this).closest("pre"); if (preElement.length > 0) { // 如果找到 pre 标签，设置其色为 #333333 preElement.css("background-color", "#333333"); } }); </script> </body> </html> ``` 代码解释： 1. 引入 jQuery 库：在 HTML 文件的 `<head>` 标签中引入 jQuery 库，这里使用的是 jQuery 3.6.0 版本。 2. 选择具有 `className=hljs` 的元素：使用 `$(".hljs")` 选择所有具有 `className=hljs` 的元素。 3. 遍历元素：使用 `each()` 方法遍历所有具有 `className=hljs` 的元素。 4. 查找最近的 `pre` 标签：使用 `closest()` 方法从当前元素开始向上查找最近的 `pre` 标签。 5. 设置色：如果找到 `pre` 标签，使用 `css()` 方法设置其色为 `#333333`。 ######[AI问答 | 525点数解答 | 2026-02-13 16:06:12]

服务商

更多选项

快捷项

自定义