jquery - Jquery 选择器：如何选择元素

Question

<h2>
 <a href="exmpale">repeatedtext</a>
</h2>
<p>
</p>
<p> required things    </p>   <--- select this element

我有上面的html序列。唯一的线索是带有文本链接“repeatedtext”的 h2

我想选择所有元素显示为“选择这个元素”，它在 h2 之后是 p

如何在 jquery 中执行此操作。

标签： jqueryjquery-selectors

Answer 1

使用:contains()选择器选择具有特殊文本的元素并.next()用于选择下一个p元素

$("h2 > a:contains('repeatedtext')").parent().next("p").next().css("color", "red");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h2>
 <a href="exmpale">repeatedtext</a>
</h2>
<p>text</p>
<p>required things</p>