JQuery - 按类获取父级的父级

Question

我有一个 <textarea>在 <div> 内它包含在另一个 <div> 中. <textarea>有一个我可以引用的 ID，但是 <div> 都没有有身份证的。然而，他们确实总是有固定的类(class)。同一页面上可以有多个，只有 <textarea> ID 是唯一的:

<div class = "grandparent">
  <div class = "parent">
    <textarea id = "id_1"></textarea>
  </div>
</div>

<div class = "grandparent">
  <div class = "parent">
    <textarea id = "id_2"></textarea>
  </div>
</div>

我无法更改此结构。我可以为祖 parent 设计风格吗 <div>通过 JQuery？

编辑:澄清一下，我只想为特定 <textarea> 的祖 parent 设置样式

Answer 1

你可以使用closest() ，它将选择与选择器匹配的第一个元素，从 DOM 树向上。

$( "#id_1" ).closest('.grandparent').css( "background-color", "red" );

DEMO