javascript - Jquery css 选择器如果没有数据则应用样式

标签 javascript jquery css

大家好,我有一个包含许多 TR 行的重复表,如下所示:

<table>     
 <tr class="RowStyle" style="background-color:White;">
         <td>field 1</td>
         <td>field 2</td>
         <td>field 3</td>
         <td class="selector">field 4</td>
         <td>field 5</td>
  </tr>
 <tr class="RowStyle" style="background-color:White;">
         <td>field 1</td>
         <td>field 2</td>
         <td>field 3</td>
         <td class="selector">&nbsp</td>
         <td>field 5</td>
  </tr>
 <tr class="RowStyle" style="background-color:White;">
         <td>field 1</td>
         <td>field 2</td>
         <td>field 3</td>
         <td class="selector">&nbsp</td>
         <td>field 5</td>
  </tr>

J查询:

if ( $('.selector').val() = '&nbsp' ) {
    $('.RowStyle').css('background-color', 'red');
 }

我需要一些如何能够说 if text = nothing 或   然后更改背景样式,任何人都可以帮助我 - 这里是 my fiddle ...

最佳答案

试试这个

$('.selector').each(function(i, element){
    if($(element).text().trim().length == 0)
    {
        $(element).parent().css('background-color', 'red');
    }
});

Fiddle Demo

关于javascript - Jquery css 选择器如果没有数据则应用样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23775357/

相关文章:

javascript - Controller 调用失败

javascript - 可以缓存 JSON 以提高性能/加载时间吗?

jquery - 如何使用inarray然后使用转换为数组的json数组

javascript - jQuery ("checked", true) 有效,然后无效?

javascript - 无法在 react native map 内移动按钮

javascript - 如何使用 JQuery 检查光标是否悬停在元素上

javascript - 将返回的 SQL 数组与随机结果选择器结合使用

javascript - 单击 <span> 标签运行 JQuery javascript 函数

javascript - 如何使用可变编号 "cells"的 javascript 创建一个 css 网格?

jquery - Bootstrap 图片幻灯片