从内容中着色td

时间:2011-12-07 12:57:38

标签: javascript jquery css javascript-events

我打印一张桌子,在其中一张桌子上我需要样式=“background-color:#000000” 如果NAME的td值为null 否则只是打印值 请告诉我如何在不使用td标签内的isNull的情况下执行此操作 如果可以为所有tr

着色
         function isNull(val) {
                 return (val == null) ? '' : val;
          }
    ...
    ...
      function paders(items) {
....
   $.each(items, function () {
                 ....                       
     vob += '<tr>' +
         '<td>' + if isNull(this.NAME) ..... + '</td>' +

4 个答案:

答案 0 :(得分:1)

你可以用jQuery

来做
jQuery('td').each(function(i,elem){
if(elem.val() === null || elem.val() === "")
elem.css('background-color','#000000');
});

答案 1 :(得分:1)

一种方法是像这样使用一个函数

 function isNull(val) {
         return (val == null) ? '' : val;
  }

 function extendenTd(val) {
   if (isNull(val)) {
      return ' style ="background-color:#000000">';
   }
   return ">";
 }


vob += '<tr>' +
       '<td' + extendenTd(this.NAME)  ..... + '</td>' +

希望这会有所帮助

答案 2 :(得分:0)

你可以这样试试。

vob += '<tr>' ;

if isNull(this.NAME) 

vob+='<td style="background:#000">' + value1+ '</td>'
else 
vob+='<td style="background:#fff">' + value2+ '</td>'

答案 3 :(得分:0)

这是你的意思吗?

http://jsfiddle.net/mplungjan/fnGL7/

$(document).ready(function{
  $('input').each(function(i){
    var elem = $(this);
    if(elem.val() === null || elem.val() === "")
    elem.parent().parent().css('background-color','red');
  });
})

<table>
    <tr>
        <td><label for="debit">Debit</label></td>
        <td>
            <input id="debit" type="text" value="" />
        </td>
    </tr>
    <tr>
        <td><label for="credit">Credit</label></td>
        <td>
            <input id="credit" type="text" value="1000" />
        </td>
    </tr>
</table>