jquery - 如果子元素不存在，则删除父元素

Question

我有几个td，其类别为.container。如果td.container不包含链接a.tickets，我想删除整个td.container。在下面的示例中，它将是第二个 td。

<td class="container">
<span>date info</span>
<a href="#" class="tickets">one</a>
</td>
<td class="container">
<span>date info</span>
</td>

我想使用下面的方法检查该类是否存在，但这行不通。我需要添加什么来忽略那些具有 .ticket 类的内容？ .closest 也会删除这个或 .parent 吗？

if($("td.container a.tickets").length < 0)
{
something like .closest('td').remove();
}

Answer 1

要实现此目的，您可以使用 :not() 和 :has() 选择器的组合，如下所示:

$('td.container:not(:has(.tickets))').remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <td class="container">
    <span>date info</span>
    <a href="#" class="tickets">one</a>
  </td>
  <td class="container">
    <span>date info</span>
  </td>
</table>