HTML中的交替行颜色？

我有以下HTML：HTML中的交替行颜色？

<table id="ChatTable" class="ChatBox" style="margin-left:0px !important"> 
      <tr> 
      <td> 
       <table class="PopupInnerContent"> 
        <tr> 
         <td>Are you guys open today? What is your return policy?</td> 
        </tr> 
       </table> 
       </td> 
      </tr> 
      <tr> 
       <td> 
       <table class="PopupInnerContent"> 
        <tr> 
         <td>Hi yes we are open today. Out return policy is 7 days with original receipt.</td> 
        </tr> 
       </table> 
       </td> 
      </tr> 
      <tr> 
       <td colspan="2"> 
        <textarea class="mediumResolution required"></textarea> 
       </td> 
      </tr> 
     </table>

我具有以下的JQuery施加：

<script> 
     $(document).ready(function() { 
      $(".ChatBox tr:even").css("background-color", "#EAEAEA"); 
      $(".ChatBox tr:odd").css("background-color", "Blue"); 
     }); 
    </script>

问题是，应用上述的Jquery之后。 tr包含innerTable也会受此Jquery影响：我如何防止在InnerTable的Tr中影响颜色？

来源

2012-02-23 ghanshyam.mirani

试试这个：

<script> 
    $(document).ready(function() { 
     $(".ChatBox > tr:even").css("background-color", "#EAEAEA"); 
     $(".ChatBox > tr:odd").css("background-color", "Blue"); 
    }); 
</script>

只适用于.chatbox

来源

2012-02-23 11:59:20

谢谢你回答B它不工作 – 2012-02-23 12:07:13

你确定内表没有背景设置？如果风格设置正确，你可以检查萤火虫吗？ – 2012-02-23 12:09:16

是的，即使我删除innerTable的类名和应用>在JQuery中，它从表中删除所有背景颜色 – 2012-02-23 12:12:46

$(".ChatBox > tr:pseudoclass")

使用直接孩子>在这两者之间FOR进入儿童

来源

2012-02-23 12:08:18

试试这个，

$(document).ready(function() { 
    $('.ChatBox > tbody > tr:odd').css("background-color", "Blue"); 
    $('.ChatBox > tbody > tr:even').css("background-color", "#EAEAEA"); 

});

来源

2012-02-24 09:21:31

HTML中的交替行颜色？

回答

相关问题