仅隐藏特定的<；td>；基于CSS或jquery中的下一个类名从表行开始

我将根据某些条件获取表行。这是我的代码结构

  <tr start="7" row="1" class="tableinsideth trmain">
     <td>&nbsp;</td>
  </tr>
  <tr start="7" row="1" class="tableinsideth trmain">
    <td>&nbsp;</td>                             
    <td class="tdclass dateclass esl" >Available</td>
  </tr>

可用

---

我只想删除

，它刚好在class

esl

之上，或者以其他方式，当一行中有超过1个td时，删除第一个td。在css中也尝试了

~

，但没有获得任何成功。任何帮助都将不胜感激。

您只需使用css即可完成您想要的操作

• 首先，使用

  ：First child

• 然后使用

  ：last child

  显示最后一个单元格，如果要显示唯一的单元格，则需要此选项

请参阅代码片段：

表td：第一个孩子{
显示：无；
}
表td：最后一个孩子{
显示：表格单元格；
}

可用
可用
可用
可用

像这样试试

$('.esl').prev().hide();

---

如前所述，您可以使用

prev

获取jquery中的前一个同级。所以你可以这样做：

$document.ready(function() {    
    $.("es1").prev().remove() 
});

---

您可以使用

：first child

在

tr

中隐藏first

td

然后使用以确保

td

没有其他同级显示

td：第一个孩子{
显示：无；
}
td：独生子女{
显示：表格单元格；
}

&NBSPT试验；
测试2
可用

试试：

---

您可以使用CSS来创建CSS或JS，这取决于您使用的JS框架。祝你好运

表td:仅适用于类型{
显示：表格单元格！重要；
}
表td{
显示：无；
}
.tdclass.dateclass.esl{
显示：表格单元格！重要；
}

可用
可用
可用
可用
可用
可用

我需要删除nbsp；第二个tr的td，因为它在tr中有超过1个td。注意：

start

和

row

是

tr

元素的无效属性。如果您想在元素上存储数据，请使用。为了清楚起见，CSS不能删除元素，它只能隐藏它们。您可以使用jQuery执行此操作，但没有充分的理由。OP标记jQuery这就是我在jQuery中执行此操作的原因：）您可以使用jQuery执行此操作，但没有充分的理由。非常好！我从来没有听说过《独生子女》@T.J.Crowder，我最近才发现：），但对它的支持基本上是普遍的。酷！你应该解释你的代码以及为什么它有助于回答问题。对不起，下次我会按照你的反馈做

$(document).ready(function(){
    $('table .tableinsideth').each(function() {
        if ($(this).find('td').length > 1){
            $(this).find('td').first().remove();
        }
    });
});