选择 TD 元素，这些父 TR 中的元素除外

Posted 2023-05-09

【中文标题】选择 TD 元素，这些父 TR 中的元素除外

【英文标题】：Select TD elements, except the ones in these parent TR

【发布时间】：2012-08-30 07:23:51

【问题描述】：

我希望它忽略具有 .ignore 类的父类的 <td>。这是我现在所拥有的，但它对每个<td> 进行了样式设置。

<script>
$('td:nth-child(2)').css('background-color', 'rgb(255, 248, 231)');
</script>

<table>
    <tr>
        <td> </td>
        <td>select</td>
        <td> </td>
    </tr>
    <tr class="ignore">
        <td> </td>
        <td>don't select</td>
        <td> </td>
    </tr>
    <tr>
        <td> </td>
        <td>select</td>
        <td> </td>
    </tr>
</table>

【参考方案1】：

$('tr:not(.ignore) td').css('background-color', 'rgb(255, 248, 231)');

DEMO

【参考方案2】：

$('td:nth-child(2)').not('tr.ignore td').css('background-color', 'rgb(255, 248, 231)');​

http://jsfiddle.net/3TrxJ/

【参考方案3】：

你可以这样做：

$('td:nth-child(2)').each(function()
    if ($(this).closest('tr').hasClass('ignore') === false)
        $(this).css('background-color', 'rgb(255, 248, 231)');
    
);

Demo Here