如果child td等于某个文本，则将css设置为父节点

Question

我有例如

<tr>
    <td class="attr-sku">Test</td>
    <td class="attr attr-color">10 mm</td>
    <td class="attr attr-yd_length">5</td>
</tr>

如何设置TR节点的边框，使其来自其子td->class->attr-sku的文字为＆＃39; TEST＆＃39;

必须使用jQuery或者只能通过javascript完成？

Answer 1

您可以使用过滤器查找包含特定文本的td。然后将css应用于父节点。

$("td.attr-sku").filter(function() {
    return $(this).text().trim() == "TEST"
}).closest("tr").css(" border-width", "5px");

或者您可以将一个特定的类添加到父tr，这将是一个更清洁的方法。

$("td.attr-sku").filter(function() {
    return $(this).text().trim() == "TEST"
}).closest("tr").addClass("borderClass");

Answer 2

你可以这样使用jQuery：

$(".attr-sku").each(function () {
  if ($(this).text().trim() == "TEST")
    $(this).closest("tr").css("background-color", "red");
});