如何获取HTML标记的直接父级

Question

这是代码：

<a href="">
  <i class="fa fa-facebook-square cbutton--effect-marko cbutton--click"></i>
</a> 

如何获取a标记？当我使用.parent()

时

结果是：

Object { length: 0, prevObject: Object, context: HTMLDocument → index.html }

Answer 1

标签是i标签的父标签，如果您可以访问i标签，则该标签应该有效。

$('i').parent();

Answer 2

如评论中所述，您可能在HTML加载完成之前执行JavaScript。因此，那时没有i或a元素。

使用jQuery中的document.ready方法，此处为简写：

$(function() {
    var parenTag = $('i').parent('a');
});

或者将您的JavaScript代码放在下面

。

<a href="">
    <i class="fa fa-facebook-square cbutton--effect-marko cbutton--click"></i>
</a> 

<script>
    $(function() {
        var parenTag = $('i').parent('a');
    });
</script>