jQuery:获取元素的父代 [英] jQuery: getting parent of an element

问题描述

考虑下面的HTML:

<div class="votingButton">
       <i class="icon-chevron-up"></i>
</div>

您可以看到 i 元素的父元素是 div ，但是当我尝试通过jQuery获取 i 的父元素时，它会给我 i :

As you can see parent of i element is div, but when I try to get parent of i via jQuery it gives me i:

$(function () {
     $('.icon-chevron-up').on('click', function () {
        alert($(this).parent().html());
     });
 });

上面的代码给了我< i class ="icon-chevron-up"></i> ，我也尝试了以下情况:

Above code gives me <i class="icon-chevron-up"></i>, I also tried these cases:

$(this).closest('.votingButton').html()
$(this).parents().html()
$(this).parents('.votingButton').html()

但仍然得到< i class ="icon-chevron-up"></i>
有什么主意吗?

But still get <i class="icon-chevron-up"></i>
Any idea?

推荐答案

当然可以.您正在使用 .parent().html(). .icon-chevron-up 元素的父级的HTML是:

Of course it does. You're using .parent().html(). The HTML of the parent of your .icon-chevron-up element is:

<i class="icon-chevron-up"></i>

如果您将HTML修改为:

If you modified your HTML to:

<div class="votingButton">
    <i class="icon-chevron-up"></i>
    <span>Hello, world!</span>
</div>

$(this).parent().html()的结果将是:

<i class="icon-chevron-up"></i>
<span>Hello, world!</span>

这篇关于jQuery:获取元素的父代的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！