jquery 实现table的单元格里有内容时显示红色,没内容的显示黑色

提问者:許ヽ訡甡的愿 提问时间:2013年06月06日 人气:3
推荐答案

  1、先引用jq库

  2、

  <body>

  <style type="text/css">

  td{

  width: 120px;


  height: 18px;

  }

  </style>

  <script type="text/javascript">

  $(function(){


  $("table tr td").each(function() {

  if($(this).text().length < 1)

  {

  $(this).css("background-color","red")

  }

  })

  });


  </script>


  <table border="1">

  <tr>

  <td>1</td>

  <td>2</td>

  <td>3</td>

  </tr>

  <tr>

  <td>4</td>

  <td>5</td>

  <td></td>

  </tr>

  <tr>

  <td></td>

  <td>6</td>

  <td>7</td>

  </tr>

  </table>

  </body>

辅助答案
用户:phm_2016
2013年07月01日
$("table td").each(function () {
    if ($(this).html() === "") {
        $(this).css("background-color", "black");
    } else {
        $(this).css("background-color", "red");
    }
});
用户:wangtao
2013年07月15日
if($('td').text()=="")
{
// 对td做的处理 addclass也行 随你
}