jquery，更改父 td 的 css 类

Posted 2023-05-09

【中文标题】jquery，更改父 td 的 css 类

【英文标题】：jquery, change css class of parent td

【发布时间】：2012-12-19 16:41:54

【问题描述】：

我的表格如下所示：

<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');

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

【问题讨论】：

这里有很多问题。你的

和 标签没有关闭，$(.content) 应该是$('.content')。建议先解决这个问题。

@PassKit 实际上很好，这是一个错字：在需要的地方将</tr> 替换为</td>

【参考方案1】：

你需要的是.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>

【参考方案2】：

确保引用类选择器，使其成为字符串文字。另外，将 content_td 设为变量。

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