JQuery - 按类获取父级的父级

Question

我有一个<textarea>内部的<div>,其包含在另一个<div>.的<textarea>具有予可以引用的ID,但是既没有的<div>的具有ID的.然而,他们总是有一个集合类.在同一页面上可以有多个这些,只有<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>

我无法改变这种结构.我可以<div>通过JQuery 为祖父母设计风格吗？

编辑:为了澄清,我只想为特定的祖父母设计风格 <textarea>

Answer 1

你可以使用nearest(),它将从DOM树中选择与选择器匹配的第一个元素.

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

DEMO

Answer 2

来源:https://api.jquery.com/parent/

所以它应该是:

$( "#id_1" ).parent().parent().css( "background-color", "red" );