Question

我希望它忽略具有类<td>父级的.ignore。这是我现在拥有的，但每个<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>

Answer 1

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

DEMO

Answer 2

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

http://jsfiddle.net/3TrxJ/

Answer 3

您可以这样做：

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

Demo Here

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

3 个答案: