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>

我无法更改此结构。我可以通过JQuery为祖父母<div>设置样式吗？

编辑：为了澄清，我只想为特定<textarea>

的祖父母设计样式

Answer 1

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

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

<强> DEMO

Answer 2

source: https://api.jquery.com/parent/

所以它应该是：

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

JQuery - 按类获取父级的父级

2 个答案: