如果最后一個td（8）包含一些內容，如何在第二個td中添加類？

Question

如果最后一個td（8）包含一些內容，如何在第二個td中添加類？

HTML

<table>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
        <td>6</td>
        <td>7</td>
        <td>8</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
        <td>6</td>
        <td>7</td>
        <td></td>
    </tr>
</table>

jQuery的

$('td:nth-child(8):not(:empty)').closest('tr').addClass('part');

的CSS

table
{border:1px solid #333;}

td
{border:1px solid #333;}

.part
{background-color:red;}

小提琴

https://jsfiddle.net/jpLq21jv/

Answer 1

將.find()與:nth-child選擇器一起使用：

$('td:nth-child(8):not(:empty)').closest('tr').find('td:nth-child(2)').addClass('part');

工作演示

Answer 2

您必須在這種情況下使用.siblings(selector) ，

$('td:nth-child(8):not(:empty)').siblings('td:nth-child(2)').addClass('part');

演示

Answer 3

試試這個腳本

$(document).ready(function() {
    $('tr').each(function() {
        if($(this).find('td:nth-child(8)').text().length > 0) {
            $(this).find('td:nth-child(2)').addClass("part");
        }
    });
});

Answer 4

你可以試試

$('td:nth-child(8):not(:empty)').siblings('td:nth-child(2)').addClass('part');

CSS也改變

part

用。。。來代替

.part