Jquery 使用Javascript突出显示多个HTML元素

使用jQuery，我可以通过向元素添加css来突出显示单个HTML元素，如下所示：

$("div:contains('simple')").css("border", "4px solid blue");

我想知道是否可以同时突出显示多个元素，如

<h2>A title here</h2>
<div>Some content here</div>
<h2>A another title here</h2>
<div>Some more content here</div>

我需要根据上下文设置父div的display属性，对吗？有没有更好的方法来实现这个目标

非常感谢

编辑

---

我可以得到一个高亮框或其他高亮效果，如两个元素的背景吗？

您可以用逗号分隔不同的选择器：

$("div:contains('simple'), h2:contains('simple')").css("border", "4px solid blue");

以下是这方面的文档：

我可以得到一个高亮框或其他高亮效果，如 这两个元素的背景

这在很大程度上取决于您的HTML。以h2/div为例，一旦h2和div具有相同的宽度，您可以使其看起来像具有公共边框： CSS:

而不是JS：

$("div:contains('simple'), h2:contains('simple')").addClass("highlighted");

---

在其他情况下，您可能需要做其他事情

您可以用逗号分隔不同的选择器：

$("div:contains('simple'), h2:contains('simple')").css("border", "4px solid blue");

以下是这方面的文档：

我可以得到一个高亮框或其他高亮效果，如 这两个元素的背景

这在很大程度上取决于您的HTML。以h2/div为例，一旦h2和div具有相同的宽度，您可以使其看起来像具有公共边框： CSS:

而不是JS：

$("div:contains('simple'), h2:contains('simple')").addClass("highlighted");

---

在其他情况下，您可能需要做其他事情

有几种方法可以实现这一点。一种方法是将类添加到第一个h2和div中，并将其用作选择器：

$(".class-name-that-you-have-added").css("border", "4px solid blue");

---

一本好书应该是这样的：

有几种方法可以实现这一点。一种方法是将类添加到第一个h2和div中，并将其用作选择器：

$(".class-name-that-you-have-added").css("border", "4px solid blue");

好的读物应该是：

$h2:first，div:first.cssborder，4px纯蓝干杯$h2:first，div:first.cssborder，4倍纯蓝色干杯！