2012-06-14 40 views
0

我在整個表中使用下面的代碼找到跨文本。我必須爲當前tr和背景找到跨度文本,並用黃色代替如果跨度被發現,那麼如何找到它的當前tr,並使tr tr黃色

$("#tableAppointment tr").each(function() 
         { 

          $('td', this).each(function() 
          { 
           var value = $(this).find("span").text(); 

           if (!value) 
           { 

           } else 
           { 
            $(this).parent().prev('tr').css('background', 'yellow'); 

           } 

          }) 

         }) 

         return false; 
        }); 


<table id="tableAppointment" cellspacing="1" width="50%" bgcolor="#cccccc" align="center"> 
     <thead> 
      <tr> 
       <td bgcolor="#ffffff" width="70px"> 
       </td> 
       <td class="csstablelisttd" width="70px"> 
        <b>Time Slot&nbsp;</b> 
       </td> 
       <td class="csstablelisttd"> 
        <b>&nbsp;Patient Name</b> 
       </td> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td class="csstablelisttd" valign="top" width="70px"> 
        8:00AM 
       </td> 
       <td class="csstablelisttd"> 
        0 
       </td> 
       <td class="csstablelisttd"> 
        <span></span> 
       </td> 
      </tr> 
      <tr> 
       <td class="csstablelisttd"> 
       </td> 
       <td class="csstablelisttd"> 
        15 
       </td> 
       <td class="csstablelisttd"> 
        <span></span> 
       </td> 
      </tr> 
      <tr> 
       <td class="csstablelisttd"> 
       </td> 
       <td class="csstablelisttd"> 
        30 
       </td> 
       <td class="csstablelisttd"> 
        <span></span> 
       </td> 
      </tr> 
      <tr> 
       <td class="csstablelisttd"> 
       </td> 
       <td class="csstablelisttd"> 
        45 
       </td> 
       <td class="csstablelisttd"> 
        <span></span> 
       </td> 
      </tr></tbody> 
    </table> 
+2

哪裏是你的html? – thecodeparadox

回答

1

試試這個;

$('tr').has(this).css('background', 'yellow'); 

Working sample

OR

$(this).closest('tr').css('background', 'yellow'); 

Working sample

OR

$(this).parent().css('background', 'yellow'); 

Working sample

+0

不工作通過表 –

+0

迭代@Nikhil檢查最後一個演示 – thecodeparadox

+0

看到我的小提琴http://jsfiddle.net/vrW2n/9/ –