Table cell conditional formatting based on content using jQuery

Question

I simply have a table with a bunch of ✔ X and a few other symbols, how can I change the class of a cell based on it's contents?

jQuery example:

$(function(){$("td:has('✔')").addClass("tick"); });
$(function(){$("td:has('X')").addClass("cross"); });

Community · Accepted Answer · 2017-05-23 12:01:49Z

2

This is also covered in post jQuery select based on text.

You can widdle down the set of TD elements to only those td elements whose text exactly matches your expectations.

$("td")
  .filter
  (
    function()
    {
      return $(this).text() === "✔";
    }
  )
  .addClass("tick");

CommunityBot

11 silver badge

answered Sep 17, 2009 at 4:41

David Andres

31.9k7 gold badges48 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Peter Craig · Accepted Answer · 2009-09-17 04:11:14Z

0

This seems to work fine if the cell contains the symbol...

$("td:contains('✔')").addClass("tick");

...but if we are looking for something like hyphen (-) how ca nwe determine this is the only content of the cell instead of just containing it?

Any better solutions?

answered Sep 17, 2009 at 4:03

Peter Craig

7,31919 gold badges64 silver badges74 bronze badges