当前位置: 代码迷 >> Java Web开发 >> 生手求教JS给tr行添加字体颜色
  详细解决方案

生手求教JS给tr行添加字体颜色

热度:6925   发布时间:2016-04-10 22:46:59.0
新手求教JS给tr行添加字体颜色
 $(function ($) { 
//行颜色效果
$('.all_cont tr').hover(
function () {
        $(this).children().css('background-color', '#ffff00');
},
function () {
        $(this).children().css('background-color', '#fff');
});
  });
以上是改变行背景的颜色,现在我需要在这个前提下,再改变行的字体颜色,怎么做?
 并且,字体只在td标签里面变色,如果字体在TH标签里面的话,则无任何改变。
------解决方案--------------------
$(function ($) { 
    //行颜色效果
    $('.all_cont tr').hover(
    function () {
        $(this).children().css('background-color', '#ffff00');
        $(this).find("td").css('color', 'red');
            
    },
    function () {
        $(this).children().css('background-color', '#fff');
         $(this).find("td").css('color', 'black');          
    });
  });

------解决方案--------------------
th 外
$('.all_cont tr:has(td)').hover(
    function () {
        $(this).children().css('background-color', '#ffff00');
        $(this).find("td").css('color', 'red');
            
    },
    function () {
        $(this).children().css('background-color', '#fff');
         $(this).find("td").css('color', 'black');          
    });
  相关解决方案