javascript - 如何通过使用子元素的ID选择父对象的第一个 child ？

我尝试选择包含“ Text1”的td元素，而不给该td元素一个ID。因此，“ Text1”的背景色应为红色。我这样尝试过，但这不起作用。

$("#test").parent().closest("td").css("background-color", "red");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
  <td>
    <p>
    Text1
    </p>
  </td>
  <td id="test">
    <p>
    Text2
    </p>
  </td>
</tr>
</table>

https://jsfiddle.net/8wyuggxz/

最佳答案

您可以使用如下所示的prev()方法。

$("#test").prev('td').css("background-color", "red");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
    <tr>
        <td>
            <p>
                Text1
            </p>
        </td>
        <td id="test">
            <p>
                Text2
            </p>
        </td>
    </tr>
</table>

关于javascript - 如何通过使用子元素的ID选择父对象的第一个 child ？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35864416/