Question

大家好，我有一个重复的表，有很多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>

Jquery的：

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

我需要一些如何能够说明text = nothing或＆amp; nbsp然后改变背景的风格，任何人都可以帮助我 - 这里是my fiddle ...

Answer 1

试试这个

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

Fiddle Demo

Answer 2

试试这个：

$('.selector').each(function(){
 if (!$(this).text().trim().length) {
   $(this).closest('.RowStyle').css('background-color', 'red');
}});

<强> Demo

Answer 3

尝试，

$('.selector').filter(function(){ 
    return $.trim($(this).text()) === "" 
}).closest('tr').css('background-color', 'red');

DEMO

Answer 4

试

if ( !$('.selector').text().length || $('.selector').html() == '&nbsp' ) {
    $(this).parent().css('background-color', 'red');
 }

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

4 个答案:

DEMO