2013-01-05 31 views
1

我有表,看起来像这样:jQuery的,改变CSS类父TD的

<table class="content"> 
<tbody> 
    <tr class="fc-first"> 

     <td class="fc-widget-content fc-day0 fc-first"> 
    <div> 
     <div class="fc-day-number">1</div> 
     <div class="fc-day-content"> 
      <div style="position:relative"> </div> 
     </div> 
    </div> 
     </td> 
     <td class="fc-widget-content fc-day1"> 
    <div> 
     <div class="fc-day-number">2</div> 
     <div class="fc-day-content"> 
      <div style="position:relative"> </div> 
     </div> 
    </div> 
     </td> 
     <td class="fc-widget-content fc-day2"> 
    <div> 
     <div class="fc-day-number">3</div> 
     <div class="fc-day-content"> 
      <div style="position:relative"> </div> 
     </div> 
    </div> 
     </td> 
    </tr> 
    <tr class="fc-week1"></tr> 
    <tr class="fc-week2"></tr> 
</tbody> 
</table> 

,我想基于CSS类添加到td只什么包含了到目前为止<div> class"fc-day-number">2</div>我jQuery代码:

var content_td; 
var content = $('.content'); 
content_td = content.find('td'); 

我想我可以使用嵌套查找,但不知道如何。

+0

很多的问题在这里。您的​​和标签未关闭,'$(。content)'应该是'$('。content')'。建议先解决这个问题。 – PassKit

+0

@PassKit实际上很好,这是一个错字:在需要的地方用''替换'' –

回答

2

你需要的是.closest()方法

$('table.content td[class="fc-day-number"]').closest('td').addClass('SOME_CLASS'); 

和您的固定HTML

<table class="content"> 
<tbody> 

    <tr class="fc-first"> 

    <td class="fc-widget-content fc-day0 fc-first"> 
     <div> 
     <div class="fc-day-number">1</div> 
     <div class="fc-day-content"> 
      <div style="position:relative"> </div> 
     </div> 
     </div> 
    </td> 
    <td class="fc-widget-content fc-day1"> 
     <div> 
     <div class="fc-day-number">2</div> 
     <div class="fc-day-content"> 
      <div style="position:relative"> </div> 
     </div> 
     </div> 
    </td> 
    <td class="fc-widget-content fc-day2"> 
     <div> 
     <div class="fc-day-number">3</div> 
     <div class="fc-day-content"> 
      <div style="position:relative"> </div> 
     </div> 
     </div> 
    </td> 

    </tr> 

    <tr class="fc-week1"></tr> 
    <tr class="fc-week2"></tr> 

</tbody> 
</table> 
1

确保您引用类选择器,使其成为String文字。另外,使content_td成为一个变量。

var content = $(".content"); //Quotes added 
var content_td = content.find('td');