时间戳

首页 > 解决方案 > 更改此元素的颜色

javascript - 更改此元素的颜色

问题描述

我有一个日历，其中包含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");
   }

标签： javascriptjquerythis

解决方案

问题是aaa包含满足选择器条件的所有元素（.tribe-events-month-event-title > a）。因此，如果其中任何一个包含您正在应用的Caaa.css("background-color","red");，这会使所有aaa元素变为红色。您需要做的是遍历每个aaa元素并检查条件。

var aaa = $(".tribe-events-month-event-title > a")
 aaa.each(function(e) {
   if($(this).text().includes("C")){
     $(this).css("background-color","red");
   }
 })

代码笔： https ://codepen.io/ashfaq_haq/pen/bGGooLz

推荐阅读