Stack Overflow - Coloring a table datum's text with d3.

by Blake Dietz

HTML

<table>
		<tr>
			<td>Word</td>	
			<td>Not</td>
			<td>BLAH</td>
		</tr>
		<tr>
			<td>Word</td>	
			<td>Not</td>
			<td>FOO</td>
		</tr>
		<tr>
			<td>Word</td>	
			<td>Not</td>
			<td>Word</td>
		</tr>

JavaScript

var word = "FOO";

d3.selectAll("td").style("color",colorText);

function colorText(datum)
{
    var elementText = d3.select(this).text(); // Alternatively you could use d3.select(this).html();
    
    if (elementText.contains(word))
    {
        d3.select(this).selectAll("text").attr("fill","red");
        return "red";
    }
    
    return "black";
}