jQuery :contains selector isn't working as expected

Question

I'm trying to select calendar event titles that have a specific word and use this to change the background colour of the event.

Please see my code below. This changes all events to have the background colour of red even if event title doesn't contain the word 'Test'. I've even changed 'Test' to 'uhrguqhergoieqhrgeurgherogih' but it still changes everything.

Unfortunately I can't see anything similar on SO so hopefully one of you could help me out please! :)

Thanks in advance!

$(window).on('load', function() {
    if($(".fc-event-title:contains('Test')"))
    {
      $('.fc-event').css('background-color', 'red');
    }
});

Use `$(".fc-event-title:contains('Test')").css('background-color', 'red')` — Satpal, Jun 08 '17 at 09:58
@satpal thanks for your comment. Unfortunately this only changes the background colour of the text instead of the whole event block :) — S.Pearson, Jun 08 '17 at 10:00
@guradio thanks for your comment. I've removed the if condition but the result is still the same, I'm afraid. — S.Pearson, Jun 08 '17 at 10:01
Try `$(".fc-event-title:contains('Test')").closest('.fc-event').css('background-color'‌, 'red')` — Satpal, Jun 08 '17 at 10:03

Alive to die - Anant · Accepted Answer · 2017-06-08T10:10:30.377

1

No need of if condition.Do it directly like below:-

$(window).on('load', function() {
  $(".fc-event-title:contains('Test')").css('background-color', 'red');
});

If above not worked then try with closest() like below:-

$(window).on('load', function() {
  $(".fc-event-title:contains('Test')").closest('.fc-event').css('background-color', 'red');
});

edited Jun 08 '17 at 10:10

answered Jun 08 '17 at 10:00

Alive to die - Anant

70,531
10
51
98

thanks for your comment. Unfortunately this only changes the background colour of the text instead of the whole event block :) – S.Pearson Jun 08 '17 at 10:03
@S.Pearson glad to help you :):) – Alive to die - Anant Jun 08 '17 at 11:17

jQuery :contains selector isn't working as expected

1 Answers1