更改此THIS元素的颜色[重复]

Question

此问题已经在这里有了答案：

• jQuery: find element by text7个答案

我有一个日历，其中每天包含相同的class。我想更改类的颜色（表中的某些框），其中包含一个字符“ C”。我可以使用jquery找到它，但是当我尝试更改它时，它会使用class来更改每个元素，因此我尝试使用this但它无法工作...这是代码] >

   if(($(".tribe-events-month-event-title > a").text()).includes("C")){
     $(this).css("background-color","red");
   }
我也尝试过，但是它用class改变了每个元素>
   var aaa = $(".tribe-events-month-event-title > a")
   if(aaa.text().includes("C")){
     aaa.css("background-color","red");
   }
我有一个日历，每天都包含相同的课程。我想更改类的颜色（表中的某些框），其中包含一个字符“ C”。我可以使用jquery找到它，但是当我...

Answer 1

问题是aaa

包含满足选择器条件的所有元素（.tribe-events-month-event-title> a）。因此，如果其中任何一个包含C

Answer 2

jQuery有一个方便的:contains伪选择器：

Answer 3

您可以使用jquery

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="tribe-events-month-event-title">
  <a>A</a>
  <a>B</a>
  <a>C</a>
  <a>D</a>
  <a>C</a>
  <a>D</a>
</div>

避免循环：

Answer 4

[

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<div class="tribe-events-month-event-title">
  <a href="#">A</a>
</div>
<div class="tribe-events-month-event-title">
  <a href="#">C</a>
</div>
<div class="tribe-events-month-event-title">
  <a href="#">C</a>
</div>

或filter在这里最优雅]

Answer 5

我建议使用

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="tribe-events-month-event-title">
  <a>A</a>
  <a>B</a>
  <a>C</a>
  <a>D</a>
  <a>C</a>
  <a>D</a>
</div>

和.each()。因为已经有.each()的答案，所以我只添加.css(propertyName, function)一个：