javascript - 如果没有带有类的子元素，则给出父类

Question

我有一个元素列表，如果其中的子元素没有分配给它的类，我想为父 tr 元素提供一个类。这可以用 jQuery 或 vanilla JS 实现吗？

<tr>
 <td class="unfoldedlabel" colspan="6"><a>Accessories</a></td>
</tr>

<tr>
 <td class="foldedlabel" colspan="6"><a>Accessories</a></td>
</tr>

<tr>
 <td><a>Accessories</a></td>
</tr>

Answer 1

您可以使用:has() 和 :not()

$('tr:has(>:not(td[class]))').addClass('class')

.class {
  color: red
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table>
  <tr>
    <td class="unfoldedlabel" colspan="6"><a>Accessories</a>
    </td>
  </tr>

  <tr>
    <td class="foldedlabel" colspan="6"><a>Accessories</a>
    </td>
  </tr>

  <tr>
    <td><a>Accessories</a>
    </td>
  </tr>
</table>