更改颜色 - <td> 中单词的长度

【问题标题】：Change color - length of word in <td>更改颜色 - <td> 中单词的长度
【发布时间】：2021-09-12 08:56:03
【问题描述】：

如果我在 <span> 中有文本，则代码运行良好，但是当我在 <td> 上设置相同的类时，代码会忽略元素内的文本。

HTML

<span class="inner">+455222333444</span>
<td class="inner">+455222333444</td>`

jQuery

$('.inner').css('color', function(){    
  return $(this).text().trim().length > 10 ? 'red' : 'blue';
});

【问题讨论】：

标签： javascript css colors counter

【解决方案1】：

为了给td 元素应用颜色，您需要将td 包装在table、tbody 和tr 标记中。

$('.inner').css('color', function(){    
    return $(this).text().trim().length > 10 ? 'red' : 'blue';
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="inner">+455222333444</span>

<table>
<tbody>
<tr><td class="inner">+455222333444</td></tr>
</tbody>
</table>

【讨论】：

非常感谢。
@OliverTothHajdu，我很乐意提供帮助