Наведите указатель на данные таблицы

Question

У меня есть таблица html, в которой некоторые ячейки пусты, а некоторые ячейки имеют данные. Когда я наводил на ячейки, у которых есть данные, цвет фона должен меняться черным, а курсор должен указываться. Если нет данных в ячейке или, если ячейка пуста, там не должно быть парения применяется на указатель ячейки и мыши должен быть нормальным

Answer 1

Вы также можете использовать чистый CSS - зависит от того, что браузеры вы поддерживаете:

table td:hover:not(:empty) { 
    background: red; 
} 

Fiddle Link

Answer 2

Использование JQuery:

$(document).ready(function(){ 
    $('td').on('mouseover', function(event) { 
     event.preventDefault(); 
     var self=$(this); 
     var x=$.trim(self.text()); 
     $('td').css({ 
      'cursor':'default', 
      'background-color': 'white' 
     }); 
     if(x==''){ 
      self.css({ 
       'cursor':'default', 
       'background-color': 'white' 
      }); 
     }else{ 
      self.css({ 
       'cursor':'pointer', 
       'background-color': 'red' 

      }); 
     } 
    }); 
}); 

Answer 3

вы также можете попробовать это один

$query = mysql_query(Select * from tablename); 
<table> 
While($test = mysq_fetch_array($query)) 

{ 
if($test['columnname'] !='') 
{ 
$color = "has_content"; 
} 
else 
$color = "no_content"; 

echo "<td class='$color' >content...</td>"; 

} 
</table> 

они используют эти ниже CSS

.has_content 
    { 
background-color:black; 
} 
    .no_content 
    { 
background-color:white; 
} 
    .has_content:hover 
    { 
cursor:pointer; 
}