title: Change color text if values are different (only CSS and jquery)
body: <p>My code has the following lines:</p>
  <pre><code>&lt;div class=&quot;verizon-data-duplicate-device-key-89148000004605691537 k-content k-state-active&quot; style=&quot;float: left; opacity: 1; display: block;&quot; id=&quot;3cf455cc-9777-446b-b733-c60795e419e7-3&quot; role=&quot;tabpanel&quot; aria-expanded=&quot;true&quot;&gt;
      &lt;table style=&quot;border-collapse: collapse; padding: 3px; border: 1px solid grey;&quot;&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td colspan=&quot;2&quot;&gt;
                      Verizon Information:
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td style=&quot;text-align:right;&quot;&gt;
                      Account Name
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;span&gt;0442047510-00001&lt;/span&gt;&lt;br&gt;
                      &lt;span&gt;0442047510-00001&lt;/span&gt;&lt;br&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td style=&quot;text-align:right;&quot;&gt;
                      Billing Cycle End Date
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;span&gt;2021-07-01T00:00:00&lt;/span&gt;&lt;br&gt;
                      &lt;span&gt;2022-01-12T00:00:00&lt;/span&gt;&lt;br&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td style=&quot;text-align:right;&quot;&gt;
                      Carrier Name
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;span&gt;null&lt;/span&gt;&lt;br&gt;
                      &lt;span&gt;null&lt;/span&gt;&lt;br&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td style=&quot;text-align:right;&quot;&gt;
                      Service Plan
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;span&gt;40515x48526x75802x84777&lt;/span&gt;&lt;br&gt;
                      &lt;span&gt;M2MPublicDynamic&lt;/span&gt;&lt;br&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  <p>page has many different  with different class value keys:</p>
  <pre><code>div class=&quot;verizon-data-duplicate-device-key-**89148000004605691537** k-content k-state-active&quot;
  </code></pre>
  <p>where 89148000004605691537 is variable</p>
  <p>I want to change text color to red for cases, when values inside span for the same td is different.</p>
  <p>E.g.:</p>
  <pre><code>    &lt;td&gt;
          &lt;span&gt;2021-07-01T00:00:00&lt;/span&gt;&lt;br&gt;
          &lt;span&gt;2022-01-12T00:00:00&lt;/span&gt;&lt;br&gt;
      &lt;/td&gt;
  </code></pre>
  <p>should be red</p>
  <p>but</p>
  <pre><code>        &lt;td&gt;
              &lt;span&gt;0442047510-00001&lt;/span&gt;&lt;br&gt;
              &lt;span&gt;0442047510-00001&lt;/span&gt;&lt;br&gt;
          &lt;/td&gt;
  </code></pre>
  <p>should not be red.</p>
  <p>And compares should be inside only the same td.
  Any css classes can be added.</p>
  <p>How to implement it?</p>