Javascript 如何基于tr:n子项（7）的内容隐藏特定tr:n子项（6）>；运输署：第n名儿童（2）

我想用javascript隐藏一个特定的子对象：

#table-detail > tbody > tr:nth-child(10)

基于另一个特定的前一个子项的内容：

#table-detail > tbody > tr:nth-child(7) > td:nth-child(2)

我可以按如下方式隐藏孩子：

$('#table-detail > tbody > tr:nth-child(10)').css('display', 'none');

但是我不知道如何检查前面的子元素（if-child）的内容

#table-detail > tbody > tr:nth-child(7) > td:nth-child(2)" content == 'Tarte-fine

然后隐藏子元素X

请参阅下表：

<table id="table-detail" class="table table-striped">
<tbody>
    <tr>
        <td># Commande</td>
        <td>26</td>
    </tr>
    <tr>
        <td>Statut Commande</td>
        <td>Non traitée</td>
    </tr>
    <tr>
        <td>Statut Laboratoire</td>
        <td>Assignée</td>
    </tr>
    <tr>
        <td>Nom</td>
        <td>Client Deux</td>
    </tr>
    <tr>
        <td>Nature</td>
        <td>Client Mage</td>
    </tr>
    <tr>
        <td>Date Retrait</td>
        <td></td>
    </tr>
    <tr>
        <td>Catégorie</td>
        <td>Tarte-fine</td> <-CONTENT TO CHECK IN THIS CHILD ELEMENT
    </tr>
    <tr>
        <td>Produit</td>
        <td>Abricots</td>
    </tr>
    <tr>
        <td># Personnes</td>
        <td>10</td>
    </tr>
    <tr> <- CHILD ELEMENT TO HIDE
        <td>Taille (cm)</td>
        <td>16</td>
    </tr>
    <tr>
        <td>Inscription</td>
        <td></td>
    </tr>
    <tr>
        <td>Décoration petites fleurs</td>
        <td>undefined</td>
    </tr>
    <tr>
        <td>Décoration Chocolat et fruits</td>
        <td>undefined</td>
    </tr>
    <tr>
        <td>Nombre de sandwiches</td>
        <td></td>
    </tr>
    <tr>
        <td>Poids</td>
        <td></td>
    </tr>
    <tr>
        <td>Sandwiches 1</td>
        <td></td>
    </tr>
    <tr>
        <td>Sandwiches 2</td>
        <td></td>
    </tr>
    <tr>
        <td>Sandwiches 3</td>
        <td></td>
    </tr>
    <tr>
        <td>Sandwiches 4</td>
        <td></td>
    </tr>
    <tr>
        <td>Couleur du ruban</td>
        <td></td>
    </tr>
    <tr>
        <td>Prix</td>
        <td>58</td>
    </tr>
    <tr>
        <td>Total</td>
        <td>0</td>
    </tr>
</tbody>

#命令
26
法定命令
非特质
法定实验室
分配
笔名
客户双份
本性
客户法师
日期再培训
凯蒂戈里酒店
Tarte fine您需要使用
：contains（）
选择器来选择具有特殊文本内容的元素

$('#table-detail > tbody > tr:nth-child(7) > td:nth-child(2):contains("Tarte-fine")').css('display', 'none');

此外，您还可以简化代码并使用
：eq（）
选择器，而不是
：n个子项

$('#table-detail tr:eq(6) td:eq(1):contains("Tarte-fine")').css('display', 'none');


$（'table detail>tbody>tr:nth child（7）>td:nth child（2）：contains（“Tarte fine”）.css（'color'，'red'）；

#命令
26
法定命令
非特质
法定实验室
分配
笔名
客户双份
本性
客户法师
日期再培训
凯蒂戈里酒店
蛋挞粉
产品
阿布里克茨
#人员
10
塔勒（厘米）
16
铭文
装饰小花
未定义
装饰巧克力和水果
未定义
三明治名称
重量
三明治1
三明治2
三明治3
三明治4
鲁班学院
大奖赛
58
全部的
0
您需要使用
：contains（）
选择器来选择具有特殊文本内容的元素

$('#table-detail > tbody > tr:nth-child(7) > td:nth-child(2):contains("Tarte-fine")').css('display', 'none');

此外，您还可以简化代码并使用
：eq（）
选择器，而不是
：n个子项

$('#table-detail tr:eq(6) td:eq(1):contains("Tarte-fine")').css('display', 'none');


$（'table detail>tbody>tr:nth child（7）>td:nth child（2）：contains（“Tarte fine”）.css（'color'，'red'）；

#命令
26
法定命令
非特质
法定实验室
分配
笔名
客户双份
本性
客户法师
日期再培训
凯蒂戈里酒店
蛋挞粉
产品
阿布里克茨
#人员
10
塔勒（厘米）
16
铭文
装饰小花
未定义
装饰巧克力和水果
未定义
三明治名称
重量
三明治1
三明治2
三明治3
三明治4
鲁班学院
大奖赛
58
全部的
0
您可以使用检查该单元格是否包含特定文本，并使用
hide（）
隐藏另一个单元格：


$（函数（）{
var found=$（“#表详细信息>tbody>tr:nth child（7）>td:nth child（2）：contains（Tarte fine）”）。长度>0；
如果（找到）{
$（“#表详细信息>tbody>tr:n子项（10）”）.hide（）；
}
})；

#命令
26
法定命令
非特质
法定实验室
分配
笔名
客户双份
本性
客户法师
日期再培训
凯蒂戈里酒店
蛋挞粉
产品
阿布里克茨
#人员
10
塔勒（厘米）
16
铭文
装饰小花
未定义
装饰巧克力和水果
未定义
三明治名称
重量
三明治1
三明治2
三明治3
三明治4
鲁班学院
大奖赛
58
全部的
0
您可以使用检查该单元格是否包含特定文本，并使用
hide（）
隐藏另一个单元格：


$（函数（）{
var found=$（“#表详细信息>tbody>tr:nth child（7）>td:nth child（2）：contains（Tarte fine）”）。长度>0；
如果（找到）{
$（“#表详细信息>tbody>tr:n子项（10）”）.hide（）；
}
})；

#命令
26
法定命令
非特质
法定实验室
分配
笔名
客户双份
本性
客户法师
日期再培训
凯蒂戈里酒店
蛋挞粉
产品
阿布里克茨
#人员
10
塔勒（厘米）
16
铭文
装饰小花
未定义
装饰巧克力和水果
未定义
三明治名称
重量
三明治1
三明治2
三明治3
三明治4
鲁班学院
大奖赛
58
全部的
0
作为替代，这是一段代码，可以在不使用jquery的情况下执行所需操作。
顺便说一句，这是一个更坚实的解决方案，因为您不需要知道包含所需单元格的两行的数字顺序