javascript - 有没有办法使用 jQuery 选择具有特定内部值的特定类

Question

例如，在具有相同类的 div 中有 6 个“p”标签，但有些“p”标签内部有成员文本，而有些则没有成员文本。我想选择所有带有“成员”内部文本的“p”标签，并使用 jquery 向它们添加另一个类

这是我要对其执行操作的代码

<div>
<p class="customClass">Member</p>
<p class="customClass">Non-Member</p>
<p class="customClass">Member</p>
<p class="customClass">Non-Member</p>
<p class="customClass">Member</p>
</div>

这是预期的结果

<div>
<p class="customClass member">Member</p>
<p class="customClass">Non-Member</p>
<p class="customClass member">Member</p>
<p class="customClass">Non-Member</p>
<p class="customClass member">Member</p>
</div>

Answer 1

一个选项是过滤所有只包含“成员”的.customClass并添加类.member

$(".customClass").filter(function() {
  return $(this).text().trim() === "Member"
}).addClass("member");

.member {
  background-color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
  <p class="customClass">Member</p>
  <p class="customClass">Non-Member</p>
  <p class="customClass">Member</p>
  <p class="customClass">Non-Member</p>
  <p class="customClass">Member</p>
</div>