Question

我有一个复杂的表，实际上产生了一个非常简单的布局。由于很多原因，我无法更改HTML输出，所以我在jquery中尝试了一些东西：

<div id="contentDiv" class="mainContent">
  <table cellspacing="0" border="0" width="100%">
   <tr>
     <td>
       <table width="100%" BORDER=1 cellpadding=0 cellspacing=0 style="padding: 5px 10px 10px 10px;">
         <tr>
           <TD STYLE="BACKGROUND: RED;" WIDTH="70%">

目前我正在使用源码（参见上面的最后一行），我在那里硬编码了BACKGROUND：RED;

有没有人能想到在页面加载时给TD一个类的方法，以便我可以从CSS引用TD中的其他类？我99％肯定JQUERY将成为我的救星:)）

类似的东西：

$ table.find（'。contetentDiv table table td'）。removeClass（'sorted'）

????

Answer 1

这样可以解决问题：

$(function() {
    $('#contentDiv table table td:first').addClass('classToAdd');
});

然后，您可以在CSS中使用.classToAdd。此代码段中使用的选择器仅将类分配给第一个td元素。

Answer 2

<div id="contentDiv" class="mainContent">
  <table cellspacing="0" border="0" width="100%">
   <tr>
     <td>
       <table width="100%" BORDER=1 cellpadding=0 cellspacing=0 style="padding: 5px 10px 10px 10px;">
         <tr>
           <TD class="makeItRed" WIDTH="70%">

尝试这样的事情：

$(document).ready(function(){ 
      $('makeItRed').addClass('makeItBlue');
      $('td:contains("TestData")').addClass('makeItGreen'); 
    });

Answer 3

试试这个。那么它可以根据您的需求进行调整：

jQuery("#contentDiv").find("table tr td").each(function(){
   $(this).find("table tr td").each(function(){
      $(this).css("background", "blue");
   });
});

复杂表 - 特定目标

3 个答案: