html table cell color based on value

Dionoh answered on June 22, 2022 Popularity 9/10 Helpfulness 3/10

answer html table cell color based on value

html table cell color based on value

Comment

<!--Please give a thumbs up if this was helpfull-->

<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
<script type="text/javascript">

$(document).ready(function(){
    $('#table_id td.y_n').each(function(){
        if ($(this).text() == 'N') {
            $(this).css('background-color','#f00');
        }
    });
});

</script>

</head>
<body>

<table id="table_id">
 <tr><th>Question</th><th>Y/N?</th></tr>
 <tr><td>I am me.</td><td class="y_n">Y</td></tr>
 <tr><td>I am him.</td><td class="y_n">N</td></tr>
 <tr><td>I am not sure.</td><td class="y_n">Y</td></tr>
 <tr><td>This is a table.</td><td class="y_n">Y</td></tr>
</table>

</body>
</html>

Popularity 9/10 Helpfulness 3/10 Language html

Source: stackoverflow.com

Tags: cell html html-table

Link to this answer
Share Copy Link

Contributed on Jun 22 2022

Dionoh

0 Answers Avg Quality 2/10

html table cell color based on value

Contents

More Related Answers

html table cell color based on value

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.