jquery - 选择祖父元素属性

Question

我对 jquery 不是那么敏锐，但我正在设置一个使用标题的分析实现（使用 Google Tag MANager）。

我有这条线：

var linkTitle = $(this).attr('title');

有问题的 this 是一个表单复选框，它没有标题属性。然而，祖父母李却做到了。我想选择祖父标题属性。那可能吗？

结构是这样的：

<ul>
 <li>
  <input>

Answer 1

使用以下内容：

$(this).closest('li').attr('title');

closest()$(this)返回jQuery 节点/对象的祖先中与li传递给方法的选择器 ( ) 匹配的第一个元素，然后将访问其title属性。

使用closest()(in place of parent()) 的好处是closest()需要较少的 DOM 结构先验知识，并允许在两者之间插入其他祖先（因此，如果input包裹在 newdiv或fieldset中，则没关系；closest()将仍然工作）。

参考：

• attr().
• closest().

Answer 2

你可以试试这样。

$(this).parent().attr('title');

或者你也可以这样做。

 $(this).parents('li').attr('title');

Answer 3

您可以通过parent()函数访问父元素。

var linkTitle = $(this).parent().attr('title');